Finance Tracker Pro is a modern, premium financial management application built with React. It offers a sleek glassmorphism design and powerful tools to help you track your income, manage expenses, and visualize your financial health in real-time.
- Dual Tracking: Easily log both Income and Expenses with detailed descriptions and categories.
- Adaptive View Periods: Switch between Weekly and Monthly views to filter your data and see your precise balance for any period.
- Transaction Calendar: A professional, color-coded calendar that highlights dates with financial activity (Green for Income, Red for Expenses).
- Interactive Analytics:
- Category Breakdown: Visualize your spending habits with a clean Pie Chart.
- Income vs. Expenses: Compare your cash flow with a dynamic Bar Chart.
- Professional Exports:
- PDF Export: Generate a high-end financial report with a summary and full transaction table.
- CSV Export: Download your raw data for further analysis in Excel or Google Sheets.
- Perfect Mobile-First Design: Fully responsive UI that adapts from 320px mobile screens to 1400px+ laptop displays, featuring an adaptive card-based list on phones.
- Local Persistence: Your data is saved locally in your browser, so it's always there when you return.
- Framework: React.js
- Styling: Vanilla CSS (Custom Glassmorphism UI)
- Visualization: Recharts
- Date Handling: date-fns
- PDF Generation: jsPDF & jspdf-autotable
- Calendar: react-calendar
To run this project locally:
-
Clone the repository:
git clone https://github.com/nimo731/expense-tracker.git
-
Install dependencies:
npm install
-
Start the development server:
npm start
This project is open-source and available under the MIT License.
Created with ❤️ for professional financial tracking.