Skip to content

Repository files navigation

SaasVal

AI-powered platform that turns SaaS ideas into technical blueprints

React TypeScript AI Supabase


What It Does

Validate your SaaS idea and get AI-generated technical blueprints in 5 minutes:

User Input → Validation → Deep Analysis → Blueprints → Roadmap → Tech Stack
   (Idea)      (20%)        (40%)          (60%)        (80%)      (100%)

Features

Feature Details
Validation Viability score, SWOT analysis, market sizing
Blueprints System architecture, database schema, user flows
Roadmap Kanban board with 30-day action plan
Tech Stack AI-curated recommendations with docs
AI Chat Real-time consultant for your project

Tech Stack

  • Frontend: React 19, TypeScript, Tailwind CSS, Vite
  • AI: Google Gemini API
  • Database: Supabase (PostgreSQL)
  • Diagrams: ReactFlow, Recharts
  • Production-optimized build

Quick Start

Prerequisites

  • Node.js 18+
  • Google Gemini API Key
  • Supabase account (optional)

Setup

# Clone and install
git clone <repo-url>
cd SaasVal-app
pnpm install

# Create .env file
echo "VITE_API_KEY=your_gemini_key" > .env

# Start development server
pnpm dev

Build for Production

pnpm build

Project Structure

src/
├── components/
│   ├── auth/              # Login and authentication
│   ├── tabs/              # Validation, Blueprint, Roadmap
│   └── ui/                # Reusable components
├── services/
│   ├── aiService.ts       # Gemini integration
│   ├── projectService.ts  # Database operations
│   └── supabaseClient.ts  # Supabase config
├── contexts/              # Global state
└── types.ts               # TypeScript definitions

Architecture

┌─────────────────────────────────────────┐
│          FRONTEND (React)                │
│  Landing > Login > App Dashboard        │
└────────────────────┬────────────────────┘
                     │
         ┌───────────┴───────────┐
         │                       │
    ┌────▼─────┐         ┌──────▼────┐
    │ Gemini AI │         │ Supabase   │
    │ (Analysis)│         │ (Storage)  │
    └───────────┘         └────────────┘

Environment Variables

VITE_API_KEY=your_google_gemini_api_key
VITE_SUPABASE_URL=your_supabase_url
VITE_SUPABASE_ANON_KEY=your_supabase_key

License

MIT License


Built with React and Gemini AI

About

SaasVal is an AI platform that turns SaaS ideas into technical blueprints.

Resources

Stars

25 stars

Watchers

1 watching

Forks

Releases

Packages

Contributors

Languages