SalaryWise AI is a modern personal finance management app powered by AI. Built with React, TypeScript, and Supabase, it helps users track income, expenses, budgets, and financial goals — all wrapped in a sleek, responsive interface.
SalaryWise AI offers AI-powered insights and interactive tools to help users manage their money smarter. Key features include:
- Intelligent salary and transaction tracking
- Category-based budgeting
- Long-term financial goal management
- AI-driven insights and expense categorization
- Visual dashboards and real-time analytics
- Track salary records and bonuses
- Monitor expected vs received payments
- Visualize salary growth trends
- Monthly comparisons and analytics
- Record income and expenses
- Auto-categorize with AI
- Analytics with category breakdowns
- Export data as needed
- Create monthly budgets by category
- Track spending vs budget in real-time
- Visual alerts for overspending
- Set savings targets and deadlines
- Monitor goal progress visually
- Get AI tips to hit your targets
- Personalized financial analysis
- Smart chatbot for Q&A and advice
- AI-assisted categorization and data entry
- Historical trend detection and forecasts
- Clean, interactive dashboards
- Recharts-based graphs for trends and categories
- Visual tracking for budgets and goals
- Supabase Auth for secure sign-in
- Per-user data isolation
- Password reset & email verification
- Responsive, mobile-friendly interface
- Light/dark mode with Tailwind CSS
- Floating AI chat assistant
- Intuitive tabbed navigation
- React 18 + TypeScript
- Vite for blazing-fast builds
- Tailwind CSS +
shadcn/uicomponents - React Router
- TanStack React Query
- Recharts (charts)
- Lucide React (icons)
- Supabase (PostgreSQL, Auth, Edge Functions)
- Supabase RLS for data privacy
- Edge Functions for secure AI access
- OpenAI GPT-4.1 for financial analysis
- AI-assisted categorization and insights
| Table | Purpose |
|---|---|
salary_records |
Tracks salaries, bonuses, and history |
transactions |
Unified income/expense ledger |
expenses |
Legacy expense data (transitioning to transactions) |
budgets |
Category-based monthly spending limits |
financial_goals |
User-defined financial objectives |
- Row Level Security (RLS) for user data isolation
- Supabase Auth for secure access
- API secrets managed with Supabase secrets
- CORS-enabled Edge Functions for safe AI calls
Prerequisite: Node.js & npm (Install via nvm)
# Step 1: Clone the repository
git clone <YOUR_GIT_URL>
# Step 2: Go to the project directory
cd <YOUR_PROJECT_NAME>
# Step 3: Install dependencies
npm install
# Step 4: Start the development server
npm run dev