This app was built as part of an LLM test — a real-world benchmark comparing how well AI models handle a complete, practical coding task. Read the write-up on the benchmark, its setup and results
To build this app, 7 credits were used, the cost was about $1.70, and the build time was 7 minutes. Check out how other LLMs like DeepSeek, GLM, and KIMI did
Welcome back, Alex
0 projects · 0/0 tasks done · 0 milestones ahead
Your projects
No projects yet
Create your first project to start tracking tasks and milestones.
The full prompt used to build this app
Verbatim, unedited — this is the entire brief the model received.
Build a modern, mobile-friendly project management web app for a single demo user. No authentication, no sign-up, no user management, no payments, no admin panel — the app opens directly on the dashboard, logged in as the fixed demo user "Alex Demo".
Data & persistence
Do NOT use any backend or database. Keep all data client-side in the browser's localStorage so it survives a page reload. Seed realistic demo data on first launch: 3 projects ("Website Relaunch", "Mobile App MVP", "Marketing Q4"), each with 5-8 tasks in mixed states and 2-3 milestones, so the app is instantly demonstrable.
Functionality
All workflows must actually work end to end:
- Dashboard (entry page): overview card per project showing name, color, description, task progress (e.g. "7/12 tasks done" with a progress bar), next upcoming milestone, and status badge (on track / at risk / done). A "+ New project" action.
- Projects: create, edit, and delete projects (name, description, color, target date). Deleting asks for confirmation.
- Project detail view: opens from a dashboard card. Contains the task board and the milestone list for that project.
- Tasks: create, edit, delete tasks with title, optional description, priority (low/medium/high) and due date. Tasks move through three states — To do / In progress / Done — displayed as a kanban-style board with three columns; moving a task between states must work with simple clicks/taps (buttons or dropdown are fine; drag & drop is optional).
- Milestones: per project, with title and target date; can be marked as achieved; overdue unachieved milestones are visually flagged.
- Timeline view: per project, a simple vertical timeline showing the project's milestones and task due dates in chronological order. Pure HTML/CSS — do NOT add a chart library.
- Search & filter: a global search box that filters tasks across all projects by title; on the board, filter by priority.
UI requirements
Modern, clean and polished (cards, rounded corners, subtle shadows, good spacing, a coherent color scheme); fully responsive and comfortable on a phone screen (down to 375px wide) — the kanban columns may stack or scroll horizontally on mobile; empty states with friendly messages; no placeholder lorem ipsum anywhere.
Definition of done
Every feature above is reachable from the UI and works without errors; the app builds and runs with no console errors; reloading the page keeps all data.
Important: do not ask clarifying questions and do not wait for approval — make sensible assumptions for anything not specified above and deliver the complete, working app in this single task.