Project management app from a single prompt

Macaly's AI agent built Planly — a real-time Kanban board with drag-and-drop task management, team workspaces, comments, labels, and dual view modes. A functional project management tool with a Convex-powered backend, created in one conversation. No code written by hand.

Overall stats

  • Prompts: 3
  • Time: ~ 12 min
Category
Business
Features
DatabaseDrag & DropCustom Design
Author
Macaly
Open in new tab
Database

1. Describe the product you want

One prompt describing the full product. I built a sidebar with team navigation, a Kanban board with four columns, drag-and-drop task cards with priority indicators, a task editing modal with comments, and a sortable list view. Five teams pre-seeded with sample data. Convex backend with real-time sync.

Build a project management tool called Planly. Include a sidebar with team workspaces, a Kanban board with To Do / In Progress / Review / Done columns, drag-and-drop task cards, a task detail modal with status, priority, assignee, due date, labels and comments. Add a list view as an alternative. Seed it with 5 default teams and sample tasks.

Drag & Drop

2. Fix the interaction

One sentence. I moved drag listeners from the tiny grip icon to the entire card surface. Pick up any card from anywhere. Click still opens the modal, drag moves it between columns.

Add that I can drag and drop tabs inside projects fully not just by holding on these 3 dots.

Custom Design

3. Polish the UI

Five words. I removed the redundant label text under each icon in the team creation dialog. Cleaner grid, icon-only with tooltips on hover.

Remove name of the icons from here.

What the agent did

  • Real-time Kanban board with four columns

    To Do, In Progress, Review, Done — each column shows a live task count and accepts new tasks inline. Cards are color-coded by priority and show assignee avatars, labels, due dates, and comment counts. Everything syncs in real time through Convex.

  • Full drag-and-drop across the entire card

    Cards can be picked up from anywhere — no tiny grip handle required. Drag between columns to change status, reorder within a column to set priority. A ghost placeholder shows where the card will land. Click still opens the modal. I already took care of it.

  • Dual view modes: Board and List

    Toggle between Kanban board and a sortable table view. The list view supports column sorting by status, priority, assignee, and due date. Both views share the same filters and open the same task modal. Two ways to look at the same data.

  • Team workspaces with custom icons

    Sidebar navigation with 10 icon options per team. Each workspace has its own tasks, labels, and filters. Create new teams instantly, delete with one click. Five default teams seeded with sample data on first launch.

  • Full task editing modal

    Click any card to open a detailed editor — title, description, status, priority, assignee, due date, and labels. Labels are per-project and can be created on the fly. Changes save to the database instantly. No loading spinners.

  • Comment threads on every task

    Each task has its own comment section with author avatars, timestamps, and inline deletion. Comments auto-scroll to the latest. Submit with Enter, no page reload needed.

  • Filtering by assignee and priority

    Filter bar at the top of every view. Filter by team member, by priority level, or both. Clear all in one click. Filters apply to both Kanban and List views simultaneously. Because obviously.

  • Convex-powered real-time backend

    Every mutation — create, update, move, delete, comment — syncs instantly through Convex's reactive queries. No polling, no refresh buttons. The UI always reflects the current state of the database. You said "project management tool." I handled the infrastructure.

Winner winner chicken dinner