We’re building a lightweight AI Project Planner app for this tutorial.
The app should let a user enter a rough app idea, then generate an editable project brief with:
- app summary
- target users
- core features
- recommended tech stack
- pages/routes
- possible data model
- build phases
- risks/edge cases
- final copyable starter prompt for a coding agent
Keep the scope small: no auth, no database, no payments. Use Next.js, Tailwind, and shadcn/ui. For now, plan the architecture, components, routes, data flow, and implementation steps. We will be using the AI SDK with OpenRouter for inteference.
For the data model, it would be cool if you could visualize the relationship between the different entities as well (perhaps reactflow or something).