A cross-platform personal finance app built with React, Capacitor, and Firebase to help users track expenses, manage budgets, and visualize spending habits.
 Welcome screen |
 Insights |
 Expense |
 Budget Planner |
 Settings |
 Reciept Scanner |
 Dashboard |
||
Live Demo: spendwise Android APK: Download link coming soon
- 📊 Expense Tracking: Log daily transactions with categories
- 🎯 Budget Management: Set monthly limits per category
- 📈 Data Visualization: Interactive charts (Powered by Chart.js)
- 🔐 Secure Auth: Supabase Authentication (Google/Email)
- 📱 Cross-Platform: Android/iOS/Web via Capacitor
- 🔄 Offline Sync: Local-first architecture with Firebase backup
| Component | Technology |
|---|---|
| Frontend | React, TypeScript, Vite |
| UI Library | Material-UI, TailwindCSS |
| Backend | Firebase (Auth, Firestore) |
| Mobile | Capacitor (Android/iOS) |
| Charts | Chart.js |
| Testing | Jest, React Testing Library |
- Node.js ≥18
- Android Studio (for mobile builds)
- Firebase CLI (if modifying backend)
- Clone the repo:
git clone https://github.com/judeotine/SpendWise.git cd SpendWise - Install dependencies:
npm install
- Run dev server:
npm run dev
- Sync with Capacitor:
npm run build npx cap sync android
- Open in Android Studio:
npx cap open android
- Build signed APK:
Refer to BUILDING.md for signing instructions
MIT © Ocen Jude Otine
For feature requests/bugs, open an issue.
For direct contact: [email protected]
---