🚀 0 → $1K MRR Roadmap Tracker

A specialized, interactive SaaS development roadmap and project tracker, designed to guide indie hackers and solo founders from ideation to their first $1,000 Monthly Recurring Revenue (MRR).

📖 Overview

The Glosy Tracker provides a structured, 5-phase framework encompassing everything required to build a modern SaaS product:

1. Idea Validation (Week 1–2)
2. Design & Architecture (Week 3)
3. MVP Build (Week 4–7)
4. Beta Launch (Week 8–9)
5. Public Launch & Growth (Week 10–12+)

It includes a built-in Project Tracker to actively record which SaaS idea you are building, track your start dates, mark projects as "Shipped", and calculate how many days it took to complete them.

✨ Features

• 🎯 15 Pre-loaded SaaS Ideas: Select from ideas like FreelancerShield, ClientPulse, ContentMorph, etc.
• 📊 Visual Progress Dashboard: See your overall roadmap completion percentage in real-time.
• 💾 Persistent State: Uses localStorage to save your active phase, completed checkboxes, and shipped project history automatically.
• 🎨 Beautiful UI: Built with an immersive #0A0A0F dark theme, DM Mono typography, and vibrant gradients.
• ⚡ Offline Ready: Configured with a Service Worker, preparing the app for Progressive Web App (PWA) capabilities.
• 🔄 History & Reset: Track your "Shipped History" or completely reset the roadmap to start fresh on a new product.

🛠️ Tech Stack

This project is built using modern, production-ready web technologies:

• Framework: Next.js 14 (App Router)
• Language: TypeScript
• Styling: Tailwind CSS
• Components: shadcn/ui (Button, Input, Select, Dialog, Badge, Progress)
• Icons: Lucide React

🚀 Getting Started

To run this project locally on your machine, follow these steps:

1. Clone the repository

git clone https://github.com/your-username/saas-development-tracker.git
cd saas-tracker

2. Install dependencies

npm install

3. Run the development server

npm run dev

Open http://localhost:3000 with your browser to see the result.

🚢 Deployment

This project is optimized for deployment on Vercel.

To deploy your own version:

1. Push your code to a GitHub repository.
2. Go to Vercel and import the repository.
3. Vercel will automatically detect Next.js and configure the build settings.
4. Click Deploy.

Alternatively, using the Vercel CLI:

npx vercel --prod

📝 Roadmap Phases Breakdown

• Phase 01: Pick an idea, conduct Reddit/Google Trends research, analyze competitors, and build a pre-launch waitlist page.
• Phase 02: UI design generation, finalizing the tech stack, designing database schemas, and outlining MCP (Model Context Protocol) integrations.
• Phase 03: Setting up Better Auth & Stripe, building core features with AI assistants, and deploying the MVP.
• Phase 04: Finding beta users on Reddit/X, collecting structured feedback, fixing critical bugs, and building in public via social content.
• Phase 05: Launching on Product Hunt, activating paid Stripe plans, maintaining daily content routines, and iterating based on analytics.

🤝 Contributing

Contributions, issues, and feature requests are welcome! Feel free to check the issues page.

📄 License

This project is open-source and available under the MIT License.