A modern full-stack Expense Tracker application built using the MERN stack (MongoDB, Express, React, Node.js). This app helps users manage their finances by tracking income and expenses, with smart features like OCR receipt scanning and AI chat support.
- 🔐 User Authentication (Login/Signup)
- 📈 Dashboard with Total Income, Expenses, and Balance
- 📊 Graphical Reports using Recharts
- 🤖 AI Chatbot
- 📸 OCR Receipt Scanner using Tesseract.js
- 📅 Date-wise Transaction Filtering
- 📥 Download Transactions as Excel
- 🌈 Modern UI with Tailwind CSS & Framer Motion
Frontend:
- React 19
- Tailwind CSS 4
- Recharts
- Framer Motion
- React Router DOM 7
- React Icons
- Emoji Picker
- React Speech Recognition
Backend:
- Node.js
- Express.js
- MongoDB
- Multer (for image uploads)
- OpenAI API
Tools:
- Axios
- Vite
- ESLint
git clone https://github.com/your-username/expense-tracker.git
cd expense-trackernpm installCreate a .env file in the root and add:
MONGO_URI=your_mongodb_uri
OPENAI_API_KEY=your_openai_api_keynpm run dev- Frontend:
http://localhost:5173 - Backend (if separated):
http://localhost:5000
- Push your code to GitHub
- Import project on Vercel
- Set Environment Variables in settings
- Deploy
- Push backend code to GitHub
- Create new web service in Render/Railway
- Set environment variables
- Deploy
Feel free to fork this repository, raise issues or submit PRs.
This project is licensed under the MIT License - see the LICENSE file for details.
If you have any questions or suggestions, feel free to reach out:
- Email: [email protected]
- LinkedIn: [Sandeep Rajput](https://www.linkedin.com/in/sandeep-rajput-ab2a40284/ )
Built with ❤️ using MERN Stack