Skip to content

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.

License

Notifications You must be signed in to change notification settings

Shubham-cyber-prog/MERN-Expense-Tracker

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

16 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

💰 MERN Expense Tracker - Full Stack Financial Management

A full-stack Expense Tracker built using the MERN stack (MongoDB, Express, React, Node.js) to help you manage and track your expenses efficiently.


✨ Key Features

Feature Description Preview
📊 Financial Dashboard Real-time overview of your financial health Dashboard
🔐 Secure Authentication JWT-based login/signup with password encryption Login
📈 Smart Analytics Interactive charts for spending patterns Analytics
📱 Mobile Responsive Works flawlessly on all devices Mobile

🛠 Tech Stack

Frontend

Technology Purpose
React 18 Component-based UI
Tailwind CSS Modern styling utility
Chart.js Data visualization
Axios HTTP requests
React Icons Beautiful icons

Backend

Technology Purpose
Node.js Runtime environment
Express Web framework
MongoDB NoSQL database
Mongoose ODM for MongoDB
JWT Secure authentication
Bcrypt Password hashing

🚀 Installation Guide

Prerequisites

  • Node.js ≥ 16.x
  • MongoDB Atlas account
  • Git

Setup Instructions

  1. Clone the repository
    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 image

Signup Page image

Core Features Expense image

Financial Analytic image

🌐 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

Subham Nayak Full Stack Developer

About

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.

Topics

Resources

License

Code of conduct

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 4

  •  
  •  
  •  
  •