MasterPlan — From Idea to Action, in Seconds.
We've all been there — a big goal in mind but no idea where to start. Whether it's learning a new skill, planning a course, or tackling a massive project, the hardest part is breaking it down into something actionable.
That's why we built MasterPlan.
🧠 The Problem
People have big ambitions but struggle to structure them into actionable steps. Existing tools are either too complex or too generic. The gap between having a goal and knowing what to do next is where motivation dies.
We can model this simply. Let a goal $G$ be defined as:
$$G = {s_1, s_2, s_3, \dots, s_n}$$
Where each $s_i$ is an actionable step with a duration $d_i$ and dependencies $D_i \subseteq {s_1, \dots, s_{i-1}}$. The total time to completion is:
$$T = \sum_{i=1}^{n} d_i \cdot w_i$$
Where $w_i$ is a weight reflecting the complexity of each step. Most people never get to define this structure — they give up before they start.
💡 Our Solution
MasterPlan is an AI-powered planning assistant that takes your big goals and instantly turns them into structured, visual roadmaps.
Just tell it what you want to achieve, and it:
- Generates multiple plan options tailored to different approaches — fast, balanced, or thorough
- Breaks each plan into clear steps with timelines
- Renders a beautiful interactive flowchart with one click — drag it, zoom it, explore it
🔧 Tech Stack
| Layer | Technology |
|---|---|
| Frontend | HTML, Tailwind CSS, RippleUI |
| Backend | Node.js, Express |
| AI | Google Gemini API |
| Visualization | Mermaid.js |
🚀 How It Works
- User describes their goal — in plain conversational language
- Gemini AI generates structured plans — returned as clean JSON with steps, durations, and dependencies
- Plans appear as interactive cards — expandable, scrollable, and selectable
- One click renders a flowchart — a draggable, zoomable visual roadmap built with Mermaid.js
🏁 The Result
A conversational AI that understands your goal, generates multiple structured plans, and visualizes them as an interactive flowchart — all in seconds.
"The secret of getting ahead is getting started. The secret of getting started is breaking your complex overwhelming tasks into small manageable tasks." — Mark Twain
Built With
- google-ai-studio
- html
- javascript
- mermaid.js
- rippleui
- tailwind-css
Log in or sign up for Devpost to join the conversation.