A modern Expense Tracker app built with React + Vite, featuring income & expense management, search, transaction history, interactive charts, and a clean responsive UI.
- ➕ Add and manage income & expenses with unique IDs
- 🔍 Search functionality to quickly find transactions
- ⚡ Real-time filtering of results with “No matches found” message when nothing matches
- 📉 Charts & Graphs for insights:
- Pie Chart (expense breakdown)
- Bar Chart (monthly/weekly spending)
- Line Chart (daily spending trends)
- 🧾 Transaction history list with amount and category
- 🗑️ Option to delete transactions
- 🎨 Clean, responsive UI with custom styles (integrated shadcn)
- Hosted on Netlify with continuous deployment from GitHub
This project was bootstrapped with Vite for a fast development experience and hot module replacement (HMR).
Currently, two official plugins are available:
- @vitejs/plugin-react → uses Babel for Fast Refresh
- @vitejs/plugin-react-swc → uses SWC for Fast Refresh
In the project directory, you can run:
Runs the app in development mode with Vite.
Open http://localhost:5173 to view it in the browser.
Builds the app for production into the dist folder.
Locally preview the production build.
If you are developing a production application, we recommend using TypeScript with type-aware lint rules enabled.
Check out the TS template for information on how to integrate TypeScript and typescript-eslint in your project.
This project is open source and available under the MIT License.