L
📋Task Management

Kanban Board App

Build a Trello-style kanban app with boards, lists, cards, drag-and-drop, labels, and due dates.

Drag & dropMulti-user real-timeLabels & due dates@mentionsKeyboard shortcutsBoard permissions

The Prompt

✨ Ready-to-use Lovable Prompt

Open Lovable
Build a kanban task management app with the following features:

**Boards:**
- User dashboard shows all boards they own or are members of
- Create a new board: name, description, visibility (Private / Team / Public)
- Board cover colour or image

**Lists:**
- Boards contain multiple lists (e.g. Backlog, In Progress, Review, Done)
- Add/rename/delete/reorder lists via drag
- Lists can be archived

**Cards:**
- Add a card to any list: title, description (rich text), due date, labels, assignees, checklist, attachments
- Drag a card between lists (snap into place)
- Click to open a card modal with all metadata, comments, and activity history

**Collaboration:**
- Invite teammates to a board by email
- Mention users in comments (@name) — they get a notification
- Real-time updates: when someone moves a card, every open board updates within a second (Supabase Realtime)

**Filters:**
- Filter bar above the board: by assignee, label, due date, text search
- Cards hide smoothly when filtered out (fade + collapse)

**Keyboard Shortcuts:**
- N: new card in focused list
- /: focus search
- Esc: close modal
- Arrow keys to navigate between cards

**Design:**
- Horizontal scrolling board with fixed sidebar
- Light and dark theme toggle
- Responsive: on mobile, lists stack vertically and cards show full-width

Store everything in Supabase. Use Supabase Realtime for cross-user card moves. RLS so only board members can read/write.

How to Use This Prompt

  1. 1

    Copy the prompt

    Click the 'Copy Prompt' button above to copy the full prompt to your clipboard.

  2. 2

    Open Lovable

    Go to lovable.dev and create a new project. If you're on the free plan, you get 5 credits/day.

  3. 3

    Paste and send

    Paste the prompt into the Lovable chat input and press enter. Lovable will start building your app immediately.

  4. 4

    Iterate and refine

    Review what Lovable builds. Use follow-up prompts to refine the design, add features, or fix anything that's off.

Pro Tips

  • Ask for 'drag and drop with smooth animation' — @dnd-kit is the right library; mention it by name
  • Include 'keyboard shortcuts' — it's what separates productivity apps from toys
  • Specify 'Supabase Realtime' for cross-user sync — otherwise two users will overwrite each other

Prompt Variations

Different versions of this prompt for specific use cases.

Personal todo kanban

Build a single-user kanban for personal productivity. Default lists: Today, This Week, Later, Done. Add a daily review view that shows what you completed and what moved. No teams, no invites — just one user, one board.

Client project board

Build a kanban for freelancer-client collaboration. Clients can view and comment but not move cards. Freelancers see an internal-notes field clients can't see. Invoice-ready view exports completed cards as billable items.

Frequently Asked Questions

Can Lovable build a Trello or Linear competitor?
For a focused team tool, absolutely. What takes Trello hundreds of engineers to build broadly, Lovable can do in a narrow slice for your team. You won't match Linear's polish out of the box, but you can iterate there.
How do I handle very large boards (1000+ cards)?
Ask Lovable to 'paginate archived cards and virtualise the card list with react-virtuoso.' For active cards under 500 the default rendering is fine.

Ready to build?

Copy the prompt above, then paste it into Lovable. Your app starts building instantly.

Try Lovable Free