📸 Add screenshots, live demo section, and seed data

- 6 app screenshots (login, dashboard, kanban, card detail, users, email)
- Live demo URL with 4 demo accounts (admin + 3 members)
- Demo data: 3 boards, 21 cards, labels, comments, activity
- Seed script for reproducible demo environment
- Updated README with screenshots section and demo credentials

README.md

@@ -24,6 +24,53 @@
 
 ---
 
+## 🚀 Live Demo
+
+Try TeamFlow right now — no signup required.
+
+👉 **[teamflow.95-216-124-247.sslip.io](https://teamflow.95-216-124-247.sslip.io)**
+
+### Demo Accounts
+
+| Role | Email | Password |
+|------|-------|----------|
+| 👑 Admin | `admin@teamflow.local` | `demo1234` |
+| 👤 Member | `sarah@demo.teamflow` | `demo1234` |
+| 👤 Member | `alex@demo.teamflow` | `demo1234` |
+| 👤 Member | `jordan@demo.teamflow` | `demo1234` |
+
+> **Tip:** Use the admin account to explore user management and email settings. All member accounts have the same password.
+
+---
+
+## 📸 Screenshots
+
+### Login
+
+<img src="docs/screenshots/06-login.png" alt="TeamFlow Login" width="100%" />
+
+### Dashboard — Board Overview
+
+<img src="docs/screenshots/01-dashboard.png" alt="TeamFlow Dashboard" width="100%" />
+
+### Kanban Board — Drag & Drop
+
+<img src="docs/screenshots/02-kanban-board.png" alt="TeamFlow Kanban Board" width="100%" />
+
+### Card Detail — Full Feature View
+
+<img src="docs/screenshots/03-card-detail.png" alt="TeamFlow Card Detail" width="100%" />
+
+### User Management — Admin Panel
+
+<img src="docs/screenshots/04-user-management.png" alt="TeamFlow User Management" width="100%" />
+
+### Email Settings — SMTP & IMAP Configuration
+
+<img src="docs/screenshots/05-email-settings.png" alt="TeamFlow Email Settings" width="100%" />
+
+---
+
 ## ✨ Features
 
 ### 🏗️ Kanban Boards
@@ -71,7 +118,7 @@
 
 ---
 
-## 🚀 Quick Start
+## ⚡ Quick Start
 
 ```bash
 # Clone the repo
@@ -149,6 +196,7 @@ teamflow/
 ├── server/
 │   ├── index.js              # Express server + HTTPS support
 │   ├── db.js                 # SQLite schema (auto-migrates)
+│   ├── seed-demo.cjs         # Demo data seeder
 │   ├── middleware/
 │   │   └── auth.js           # JWT auth + admin guard
 │   ├── routes/
@@ -181,6 +229,8 @@ teamflow/
 │   │       ├── UserManagement.jsx
 │   │       └── EmailSettings.jsx
 │   └── ...config files
+├── docs/
+│   └── screenshots/          # App screenshots
 └── package.json
 ```
 
@@ -200,25 +250,6 @@ teamflow/
 
 ---
 
-## 🎨 Screenshots
-
-### Setup Wizard
-Step-by-step email configuration and admin creation — verified live before saving.
-
-### Kanban Board
-Drag-and-drop cards between lists. Priority indicators, due dates, labels, assignees, and checklist progress — all visible at a glance.
-
-### Card Detail Modal
-Full-featured card editor with description, checklists, time tracking, comments, labels, priority, and activity history.
-
-### User Management
-Admin panel to create users, manage roles, reset passwords, and enable/disable accounts.
-
-### Email Settings
-Configure SMTP/IMAP, send test emails, view email logs and stats, and manage inbound processing.
-
----
-
 ## 📄 License
 
 MIT — use it, fork it, ship it.