"From Chaos to Clarity — Build Your MVP with Confidence"
The AI-powered workspace for developers and indie hackers who turn ideas into reality.
IdeaForge is a specialized SaaS platform built for developers and indie hackers who struggle with the chaos of new ideas. When inspiration strikes, you often don't know where to start, what to build first, or how to structure your project.
IdeaForge solves this by transforming your raw idea into a complete, actionable blueprint in minutes.
You have a brilliant idea, but:
- 🤯 Your thoughts are scattered and unorganized
- 🤷 You don't know what tech stack to use
- 📋 You're unsure about the MVP scope
- 🗺️ You can't visualize the user journey
- ⏰ You waste hours planning instead of building
Enter your idea into IdeaForge's AI Workspace, and our intelligent system instantly generates:
✅ Complete Visual Map — See your entire idea laid out visually with all components and relationships
✅ User Journey Mapping — Understand how users will interact with your product
✅ Recommended Tech Stack — Get AI-powered technology recommendations tailored to your project
✅ AI Insights — Deep analysis of your idea with strategic recommendations
✅ Next Steps — Clear, prioritized action items to move forward
✅ MVP Checklist — Kanban board with all essential features for your minimum viable product
✅ Complete Prompt — Copy-paste ready prompt for v0, Bolt, or any AI coding tool to build your MVP instantly
- Liquidmetal Raindrop AI with smart memory and internal Llama models
- Contextual understanding of your project across sessions
- Intelligent suggestions based on your development style
- Interactive Mind Maps: Auto-generated visual representation of your entire idea
- User Journey Flows: See how users navigate through your product
- Component Relationships: Understand dependencies and connections
- Glassmorphism UI: Beautiful, draggable nodes with a premium feel
- Tech Stack Recommendations: AI-curated technology suggestions
- MVP Kanban Board: Pre-populated with essential features
- Next Steps Timeline: Prioritized action items
- AI Insights Panel: Strategic analysis and recommendations
- "Natural Intelligence" Design System: Calm, Notion-like aesthetic with stone colors
- Dark Mode: Perfect for late-night coding sessions
- Responsive: Works seamlessly on desktop and tablet
- Minimal Distractions: Focus on what matters — your idea
- Framework: Next.js 16 (App Router)
- Language: TypeScript
- Styling: Tailwind CSS 4 with custom CSS Variables
- UI Components: Radix UI
- Animations: Framer Motion
- Icons: Lucide React
- Visual Mapping: React Flow (
@xyflow/react)
- AI Engine: Liquidmetal Raindrop with smart memory
- Model: Internal AI model models for contextual understanding
- Features: Persistent context, multi-turn conversations, project-aware suggestions
- Node.js 18+
- MongoDB instance (local or Atlas)
- WorkOS account
- Stripe account
- Netlify account (for deployment)
-
Clone the repository
https://github.com/TheekshanaCN/Visual-Brain.git cd Visual-Brain -
Install dependencies
npm install # or pnpm install -
Environment Setup Create a
.env.localfile in the root directory:# Database MONGODB_URI=your_mongodb_connection_string # Authentication (WorkOS) WORKOS_CLIENT_ID=your_workos_client_id WORKOS_API_KEY=your_workos_api_key WORKOS_REDIRECT_URI=http://localhost:3000/auth/callback JWT_SECRET_KEY=your_jwt_secret_key # AI (Liquidmetal Raindrop) LIQUIDMETAL_API_KEY=your_liquidmetal_api_key LIQUIDMETAL_ENDPOINT=your_liquidmetal_endpoint # Payments (Stripe) STRIPE_SECRET_KEY=your_stripe_secret_key STRIPE_WEBHOOK_SECRET=your_stripe_webhook_secret NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY=your_stripe_publishable_key # Stripe Price IDs (for Credit Plans) STRIPE_STARTER_PRICE_ID=price_starter_id STRIPE_PRO_PRICE_ID=price_pro_id STRIPE_POWER_PRICE_ID=price_power_id # App Configuration NEXT_PUBLIC_APP_URL=http://localhost:3000
-
Seed Database (Optional) Initialize credit plans in MongoDB:
npx tsx scripts/seed-credit-plans.ts
-
Run Development Server
npm run dev
Visit
http://localhost:3000to start building!
idea-forge/
├── app/ # Next.js 16 App Router
│ ├── api/ # API Routes
│ │ ├── projects/ # Project CRUD
│ │ ├── stripe/ # Payment webhooks
│ │ └── feedback/ # User feedback
│ ├── dashboard/ # User Dashboard
│ ├── projects/[id]/ # AI Workspace & Canvas
│ ├── pricing/ # Pricing page
│ └── globals.css # Design system & stone palette
├── components/ # React Components
│ ├── ui/ # Radix UI primitives
│ ├── project/ # Canvas, Cards, Panels
│ │ ├── VisualMap.tsx # Interactive mind map
│ │ ├── ProjectCards.tsx # MVP, Tech Stack, Insights
│ │ └── FeedbackModal.tsx # User feedback
│ ├── DashboardPage.tsx # Project management
│ └── Navbar.tsx # Navigation
├── lib/ # Utilities & Server Logic
│ ├── db.ts # MongoDB connection
│ ├── store.ts # Zustand state management
│ ├── server/ # Server-side utilities
│ │ └── credit-plans.ts # Credit plan management
│ └── user-utils.ts # User credit operations
├── models/ # Mongoose Schemas
│ ├── Project.ts # Project model
│ ├── User.ts # User model
│ ├── CreditPlan.ts # Credit plans
│ └── AdminPricingSettings.ts
├── scripts/ # Utility scripts
│ └── seed-credit-plans.ts # Database seeding
└── public/ # Static assets
IdeaForge follows the "Natural Intelligence" design system:
- Stone Color Palette: Calm, professional tones (stone-50 to stone-900)
- Notion-like Aesthetic: Clean, minimal, distraction-free
- Glassmorphism: Modern glass effects on interactive elements
- Smooth Animations: Framer Motion for delightful micro-interactions
- Dark Mode First: Optimized for developers who code at night
- Connect your repository to Netlify
- Configure build settings:
- Build command:
npm run build - Publish directory:
.next
- Build command:
- Add environment variables in Netlify dashboard
- Deploy!
- Validate ideas quickly before investing time
- Get a complete project blueprint in minutes
- Generate prompts for AI coding tools to build MVPs fast
- Organize scattered thoughts into structured plans
- Get tech stack recommendations based on project requirements
- Visualize complex system architectures
- Map user journeys visually
- Create MVP checklists automatically
- Share visual project blueprints with teams
Contributions are welcome! Please feel free to submit a Pull Request.
- Fork the project
- Create your feature branch (
git checkout -b feature/AmazingFeature) - Commit your changes (
git commit -m 'Add some AmazingFeature') - Push to the branch (
git push origin feature/AmazingFeature) - Open a Pull Request
This project is licensed under the MIT License - see the LICENSE file for details.
- Liquidmetal Raindrop for the intelligent AI engine
- WorkOS for seamless authentication
- ShadCN for accessible component primitives
- React Flow for the visual mapping capabilities
Built with ❤️ for developers who ship
Created by Theekshana