Loading repository data…
Shubham-cyber-prog / repository
A full-stack Expense Tracker web app built using the MERN Stack (MongoDB, Express, React, Node.js). It allows users to add, edit, and delete income and expenses, visualize data with charts, and manage their finances in real-time. Features include JWT authentication.
A full-stack Expense Tracker built using the MERN stack (MongoDB, Express, React, Node.js) to help you manage and track your expenses efficiently.
| Feature | Description | Preview |
|---|---|---|
| 📊 Financial Dashboard | Real-time overview of your financial health |  |
| 🔐 Secure Authentication | JWT-based login/signup with password encryption |  |
| 📈 Smart Analytics | Interactive charts for spending patterns |  |
| 📱 Mobile Responsive | Works flawlessly on all devices |  |
| Technology | Purpose |
|---|---|
| React 18 | Component-based UI |
| Tailwind CSS | Modern styling utility |
| Chart.js | Data visualization |
| Axios | HTTP requests |
| React Icons | Beautiful icons |
| Technology | Purpose |
|---|---|
| Node.js | Runtime environment |
| Express | Web framework |
| MongoDB | NoSQL database |
| Mongoose | ODM for MongoDB |
| JWT | Secure authentication |
| Bcrypt | Password hashing |
git clone https://github.com/your-username/expense-tracker.git
cd expense-tracker
2.Backend Setup
cd backend
npm install
npm run dev
cp .env.example .env
# Add your MongoDB URI and JWT secret in .env
3.frontend Setup
cd frontend
npm i
npm run dev
4,Run Development Server
# In server directory
npm run dev
# In client directory (new terminal)
npm start
📸 Application Screenshots Auth Screens Login Page
Signup Page
Core Features Expense
Financial Analytic
🌐 Deployment Frontend (Vercel)
https://img.shields.io/badge/Deployed%2520on-Vercel-black?style=for-the-badge&logo=vercel
Backend (Render)
https://img.shields.io/badge/Deployed%2520on-Render-46E3B7?style=for-the-badge&logo=render
📜 License This project is licensed under the MIT License - see the LICENSE file for details.
🤝 Contributing
Fork the Project
Create your Feature Branch (git checkout -b feature/AmazingFeature)
Commit your Changes (git commit -m 'Add some AmazingFeature')
Push to the Branch (git push origin main)
Open a Pull Request
👨💻 Developer
Selected from shared topics, language and repository description—not editorial ratings.
VaishnavaDevi-R /
A full-stack MERN Expense Tracker application with JWT authentication, budget management, transaction analytics, protected routes, and an interactive dashboard for tracking income and expenses.
maseerabaig /
TravelBudgetTool is a full-stack web application that helps users plan, track, and manage their travel budgets efficiently. It offers features like expense tracking, real-time budget monitoring, and detailed spending reports. With secure authentication and a user-friendly interface, it simplifies financial planning for travelers.