Lovable Prompt Example: Project Management SaaS

Generated Prompt (Copy-Paste Ready)

Build a modern project management SaaS application for small teams.

TECH STACK
- React + TypeScript + Tailwind CSS + shadcn/ui components
- Supabase for authentication (email + Google OAuth), database, and storage
- React Query for data fetching and cache management

CORE FEATURES (in priority order)
1. Kanban board with drag-and-drop columns and cards (dnd-kit), per-project
2. Project creation and management: name, description, color label, archive
3. Task cards: title, description, assignee, due date, priority, labels, comments
4. Team member invitations by email with role-based access (owner, member, viewer)
5. Due-date tracking with an "upcoming this week" panel and overdue highlighting
6. Dashboard: open tasks by project, tasks by assignee, completion trend chart

DATABASE (Supabase)
- profiles (id, name, avatar_url)
- projects (id, owner_id, name, description, color, archived_at)
- project_members (project_id, user_id, role)
- tasks (id, project_id, column, position, title, description, assignee_id, due_date, priority, created_at)
- task_comments (id, task_id, author_id, body, created_at)
- Row Level Security: members can read their projects; only owners can delete projects.

USER FLOWS
- Sign up → create first project (guided) → add 3 sample tasks → invite a teammate
- Daily use: open board → drag tasks between columns → comment and reassign

DESIGN DIRECTION
Dark theme, minimal and fast, similar to Linear: neutral grays, one violet accent, generous whitespace, 8px spacing grid, subtle transitions (150ms). Fully responsive — board scrolls horizontally on mobile.

QUALITY REQUIREMENTS
Include loading skeletons, empty states with a clear call-to-action, error boundaries with retry, optimistic updates for drag-and-drop, and keyboard access for card creation. All forms validated with helpful inline errors.