Internal finance + market intelligence. Revenue growth optimization and capital efficiency for startups and SMEs.
- π¨ Creative Finance Loading Animation - Unique vault opening with currency flow
- π€ AI-Powered Forecasting - Smart runway and cash flow predictions
- π€ Voice Data Entry - Natural language financial commands
- π Smart Analytics - Interactive charts with export capabilities
- πΌ Real Company Data - Load actual financial data from 500+ public companies
- π Auto-Preview Demos - Features showcase automatically on page load
- π Instant Sign-Up - No email confirmation required
- π‘ Intelligent Fallbacks - Works perfectly without external API keys
```bash npm install
pnpm install ```
Create .env.local file:
```env
NEXT_PUBLIC_SUPABASE_URL=your_supabase_project_url NEXT_PUBLIC_SUPABASE_ANON_KEY=your_supabase_anon_key
OPENAI_API_KEY=your_openai_api_key
FMP_API_KEY=your_fmp_api_key
MINIMAX_API_KEY=your_minimax_api_key
```
Important: Disable email confirmation for instant access
π Read SUPABASE_SETUP.md for detailed instructions
Quick steps:
- Go to Supabase Dashboard β Authentication β Settings
- Disable "Enable email confirmations"
- Save changes
```bash npm run dev ```
Open http://localhost:3000 to see the app.
/- Landing page with auto-preview features/auth/sign-up- Instant registration (no email confirmation)/auth/login- User login/onboarding- Company setup/dashboard- Main financial dashboard/runway- Cash runway forecasting/scenarios- Financial scenario modeling/bookkeeping- AI-powered bookkeeping/data-voice- Voice data entry/ai-chat- Financial AI assistant
Includes:
- π¦ Rotating vault dial animation
- π° Floating currency symbols ($, β¬, Β₯, Β£, βΉ)
- π Live financial counter
- π Cash flow visualization with particles
- π Building chart animation
- Multi-stage progress messages
Features automatically showcase themselves:
- AI Forecasting preview (3s delay)
- Voice Data Entry preview (4s delay)
- Smart Analytics preview (5s delay)
Works without OPENAI_API_KEY (or Gemini/OpenRouter):
- Smart transaction categorization
- Natural language processing
- Financial insights generation
- Voice command parsing
- Framework: Next.js 15.2.4 (App Router)
- Language: TypeScript
- Styling: Tailwind CSS 4.x
- UI Components: Radix UI
- Authentication: Supabase Auth
- Database: Supabase (PostgreSQL)
- AI: OpenAI (primary), or Gemini / OpenRouter (with fallbacks)
- Charts: Recharts
- Deployment: Vercel
``` cfo/ βββ app/ # Next.js app directory β βββ api/ # API routes β β βββ ai-chat/ # AI chat endpoint β β βββ voice-process/ # Voice processing β β βββ categorize-transaction/ β βββ auth/ # Authentication pages β β βββ login/ β β βββ sign-up/ β βββ dashboard/ # Main dashboard β βββ runway/ # Runway forecasting β βββ ... βββ components/ # React components β βββ ui/ # UI primitives β βββ loading-screen.tsx # Finance loading animation β βββ feature-preview.tsx # Auto-preview cards β βββ ... βββ lib/ # Utilities β βββ gemini-client.ts # AI client with fallbacks β βββ supabase/ # Supabase clients βββ scripts/ # Database scripts βββ public/ # Static assets ```
See SUPABASE_SETUP.md for complete guide.
The app works in two modes:
-
Production Mode (with OPENAI_API_KEY or GEMINI_API_KEY)
- Full AI capabilities
- Real-time responses
-
Demo Mode (without any AI API key)
- Intelligent fallback responses
- Keyword-based categorization
- Pre-built financial insights
All animations are in app/globals.css:
animate-float-currency- Falling moneyanimate-spin-slow- Rotating elementsanimate-orbit- Circular orbitsanimate-shimmer-fast- Shimmer effectsanimate-flow-particle- Particle flow
Theme colors in app/globals.css:
--primary- Emerald green (growth)--secondary- Blue (trust)--accent- Teal (intelligence)
- Financial Q&A
- Runway analysis
- Expense recommendations
- Growth insights
- Natural language parsing
- Auto-categorization
- Amount extraction
- Date handling
- 95%+ accuracy
- Smart keyword matching
- Confidence scores
- Custom categories
Replace demo data with real Airbnb financial data from SEC filings!
No API, no keys, just one SQL script:
- Complete onboarding in your app
- Open Supabase SQL Editor
- Run
scripts/005_seed_real_company_data.sql - Refresh dashboard β See real Airbnb Q2 2024 data!
You get:
- β $2.75B quarterly revenue
- β 70 realistic transactions
- β 15 sales records
- β 5 AI insights
- β Real company profile (6,800 employees, $11.2B cash)
π Read SIMPLE_REAL_DATA_GUIDE.md
Want to load multiple companies dynamically?
- Get free API key from Financial Modeling Prep
- Add
FMP_API_KEY=your_keyto.env.local - Click "Load Real Company Data" button on dashboard
- Select from 500+ public companies
π Read REAL_DATA_SETUP.md for API guide
- Check Supabase dashboard settings
- See SUPABASE_SETUP.md
- Clear cookies and retry
The app is centered using:
- Container max-widths
- Auto left/right margins
- Overflow-x hidden
The app has intelligent fallbacks:
- Works without OPENAI_API_KEY (or other AI keys)
- Graceful error handling
- User-friendly messages
```bash
npm run dev
npm run build
npm start
npm run lint ```
```bash vercel ```
Or connect your GitHub repo to Vercel dashboard.
Add in Vercel dashboard:
NEXT_PUBLIC_SUPABASE_URLNEXT_PUBLIC_SUPABASE_ANON_KEYOPENAI_API_KEY(optional; orGEMINI_API_KEY/OPENROUTER_API_KEY)
This project is built with v0.app.
- Live Demo: Vercel Deployment
- Build on v0: v0.app Project
- Supabase Setup: SUPABASE_SETUP.md
- Real Data Guide: REAL_DATA_SETUP.md
- Install dependencies (
npm install) - Create
.env.localwith Supabase keys - Disable email confirmation in Supabase
- Run dev server (
npm run dev) - Test sign up flow
- Explore features
- (Optional) Add FMP API key for real company data
Built with β€οΈ using Next.js, Supabase, and AI