Skip to content

Morshedwork/cfo

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

31 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

🌟 Aura - Strategic Financial Growth Manager

Internal finance + market intelligence. Revenue growth optimization and capital efficiency for startups and SMEs.

Deployed on Vercel Built with v0

✨ Features

  • 🎨 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

πŸš€ Quick Start

1. Install Dependencies

```bash npm install

or

pnpm install ```

2. Environment Setup

Create .env.local file:

```env

Supabase (Required for auth)

NEXT_PUBLIC_SUPABASE_URL=your_supabase_project_url NEXT_PUBLIC_SUPABASE_ANON_KEY=your_supabase_anon_key

AI (Optional - one of these for live AI; has intelligent fallbacks if none set)

OPENAI_API_KEY=your_openai_api_key

GEMINI_API_KEY=your_gemini_api_key

OPENROUTER_API_KEY=your_openrouter_api_key

Financial Modeling Prep (Optional - for real company data)

FMP_API_KEY=your_fmp_api_key

Voice TTS: MiniMax first, then ElevenLabs fallback (optional)

MINIMAX_API_KEY=your_minimax_api_key

ELEVENLABS_API_KEY=your_elevenlabs_api_key

```

3. Configure Supabase Authentication

Important: Disable email confirmation for instant access

πŸ“– Read SUPABASE_SETUP.md for detailed instructions

Quick steps:

  1. Go to Supabase Dashboard β†’ Authentication β†’ Settings
  2. Disable "Enable email confirmations"
  3. Save changes

4. Run Development Server

```bash npm run dev ```

Open http://localhost:3000 to see the app.

🎯 Key Pages

  • / - 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

🎨 Unique Features

Finance-Themed Loading Screen

Includes:

  • 🏦 Rotating vault dial animation
  • πŸ’° Floating currency symbols ($, €, Β₯, Β£, β‚Ή)
  • πŸ“Š Live financial counter
  • 🌊 Cash flow visualization with particles
  • πŸ“ˆ Building chart animation
  • Multi-stage progress messages

Auto-Playing Feature Previews

Features automatically showcase themselves:

  • AI Forecasting preview (3s delay)
  • Voice Data Entry preview (4s delay)
  • Smart Analytics preview (5s delay)

Intelligent AI Fallbacks

Works without OPENAI_API_KEY (or Gemini/OpenRouter):

  • Smart transaction categorization
  • Natural language processing
  • Financial insights generation
  • Voice command parsing

πŸ› οΈ Technology Stack

  • 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

πŸ“¦ Project Structure

``` 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 ```

πŸ”§ Configuration

Disable Email Confirmation (Recommended)

See SUPABASE_SETUP.md for complete guide.

API Configuration

The app works in two modes:

  1. Production Mode (with OPENAI_API_KEY or GEMINI_API_KEY)

    • Full AI capabilities
    • Real-time responses
  2. Demo Mode (without any AI API key)

    • Intelligent fallback responses
    • Keyword-based categorization
    • Pre-built financial insights

🎨 Customization

Animations

All animations are in app/globals.css:

  • animate-float-currency - Falling money
  • animate-spin-slow - Rotating elements
  • animate-orbit - Circular orbits
  • animate-shimmer-fast - Shimmer effects
  • animate-flow-particle - Particle flow

Colors

Theme colors in app/globals.css:

  • --primary - Emerald green (growth)
  • --secondary - Blue (trust)
  • --accent - Teal (intelligence)

πŸ“Š Features Detail

AI Chat

  • Financial Q&A
  • Runway analysis
  • Expense recommendations
  • Growth insights

Voice Data Entry

  • Natural language parsing
  • Auto-categorization
  • Amount extraction
  • Date handling

Transaction Categorization

  • 95%+ accuracy
  • Smart keyword matching
  • Confidence scores
  • Custom categories

πŸ’Ό Real Company Data (New!)

Replace demo data with real Airbnb financial data from SEC filings!

πŸš€ Simple Way (Recommended for Prototypes)

No API, no keys, just one SQL script:

  1. Complete onboarding in your app
  2. Open Supabase SQL Editor
  3. Run scripts/005_seed_real_company_data.sql
  4. 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

πŸ”„ Advanced: Load Any Company via API

Want to load multiple companies dynamically?

  1. Get free API key from Financial Modeling Prep
  2. Add FMP_API_KEY=your_key to .env.local
  3. Click "Load Real Company Data" button on dashboard
  4. Select from 500+ public companies

πŸ“– Read REAL_DATA_SETUP.md for API guide

πŸ› Troubleshooting

Email Confirmation Still Required

  1. Check Supabase dashboard settings
  2. See SUPABASE_SETUP.md
  3. Clear cookies and retry

Alignment Issues

The app is centered using:

  • Container max-widths
  • Auto left/right margins
  • Overflow-x hidden

API Errors

The app has intelligent fallbacks:

  • Works without OPENAI_API_KEY (or other AI keys)
  • Graceful error handling
  • User-friendly messages

πŸ“ Development

```bash

Run development server

npm run dev

Build for production

npm run build

Start production server

npm start

Lint code

npm run lint ```

🚒 Deployment

Vercel (Recommended)

```bash vercel ```

Or connect your GitHub repo to Vercel dashboard.

Environment Variables on Vercel

Add in Vercel dashboard:

  • NEXT_PUBLIC_SUPABASE_URL
  • NEXT_PUBLIC_SUPABASE_ANON_KEY
  • OPENAI_API_KEY (optional; or GEMINI_API_KEY / OPENROUTER_API_KEY)

πŸ“„ License

This project is built with v0.app.

πŸ”— Links

🎯 Getting Started Checklist

  • Install dependencies (npm install)
  • Create .env.local with 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

About

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors