Money Planner is a high-end, privacy-conscious financial management application crafted for those who value both aesthetics and functionality. Built with React 19, Vite, and Supabase, it delivers a premium experience with glassmorphic visuals and smooth interactive elements.
Whether you're tracking daily expenses, managing multiple bank accounts, or planning for emergencies, Money Planner provides the tools you need in one beautiful interface.
- π¦ Multi-Bank Support: Track balances across personal, joint, and savings accounts.
- π‘οΈ Emergency Fund: Dedicated tracker with goal-based liquid reserve monitoring.
- π Recurring Transactions: Automate tracking for subscriptions, bills, and regular income.
- π Interactive Charts: Dynamic data visualization using Recharts (Area, Bar, and Pie).
- π Global Finance: Real-time exchange rate updates for international travelers (TWD/IDR default).
- π Spending Breakdown: Detailed category-wise analysis of your financial habits.
- π¨ Glassmorphism & Dark Mode: A stunning UI designed for modern readability.
- β¨ Micro-interactions: Buttery-smooth transitions powered by Framer Motion.
- π± PWA Ready: Install as a standalone app on your mobile device or desktop.
- π Ultra-fast Performance: Powered by Vite and TanStack Query for instant data sync.
- Frontend: React 19, Vite
- Styling: Tailwind CSS, Lucide Icons
- Animations: Framer Motion
- Backend/DB: Supabase (PostgreSQL + Auth)
- State Management: Zustand
- Data Fetching: TanStack Query
- Charts: Recharts
- Utilities: Tesseract.js (OCR Scanning)
- Node.js:
v20.0.0or higher - Supabase Account: A project with PostgreSQL and Auth enabled.
Create a .env file in the root directory and add your Supabase credentials:
VITE_SUPABASE_URL=your-project-url.supabase.co
VITE_SUPABASE_ANON_KEY=your-anon-role-key(See .env.example for details)
# Clone the repository
git clone https://github.com/Steventanardi/MoneyPlanner.git
# Enter the directory
cd MoneyPlanner
# Install dependencies
npm install
# Start development server
npm run devThe application will be available at http://localhost:5173.
- AI-Powered OCR: Smart receipt scanning and automatic category detection.
- Budget Forecasting: Predictive analysis based on spending history.
- Investment Tracker: Integrate stock and crypto portfolio monitoring.
- Multi-user Wallets: Share specific wallets with family members or friends.
Steven Tanardi Computer Science Student National Quemoy University (εη«ιι倧εΈ)
Distributed under the MIT License. See LICENSE for more information.
Developed with β€οΈ by Steven Tanardi