Skip to content

Latest commit

Β 

History

20 Commits

Folders and files

NameName
Last commit message
Last commit date
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

πŸ’° MoneyMap - Personal Finance Tracker

moneymap_new_logo

A Modern MERN Stack Personal Finance Management Application

React Node.js Express MongoDB JWT Vercel Render


πŸ“– About

MoneyMap is a full-stack MERN application that helps users efficiently manage their personal finances.

Users can:

  • πŸ’° Track Income & Expenses
  • πŸ“Š View Financial Dashboard
  • πŸ“ˆ Analyze Spending Habits
  • πŸ“„ Export Reports as PDF & CSV
  • πŸ’³ Plan Monthly Budgets
  • πŸ€– Get AI-Based Financial Insights

🌐 Live Demo

πŸš€ Frontend

https://money-map-seven-alpha.vercel.app

βš™οΈ Backend API

https://moneymap-backend-7qhb.onrender.com


✨ Features

πŸ” Authentication

  • User Registration
  • Secure Login
  • JWT Authentication
  • Protected Routes
  • Logout

πŸ’° Transaction Management

  • Add Income
  • Add Expense
  • Edit Transaction
  • Delete Transaction
  • Search Transactions
  • Filter by Category
  • Filter by Type
  • Filter by Month

πŸ“Š Dashboard

  • Current Balance
  • Total Income
  • Total Expense
  • Total Transactions
  • Monthly Expense Bar Chart
  • Category Expense Pie Chart
  • Recent Transactions

πŸ“‚ Categories

  • Expense Categories
  • Income Categories
  • Category Summary
  • Pie Chart Analytics

πŸ“ˆ Reports

  • Date Range Report
  • Monthly Summary
  • Income vs Expense
  • Category Analysis
  • Download PDF
  • Download CSV

πŸ’³ Budget Planning

  • Monthly Budget
  • Spending Tracker
  • Budget Progress
  • Overspending Alert

πŸ€– AI Analytics

  • Spending Analysis
  • Financial Insights
  • Smart Recommendations

βš™οΈ Settings

  • User Profile
  • Theme
  • Currency
  • Notifications
  • Password Update

🧰 Technologies & Tools Used

🎨 Frontend

  • React.js
  • Vite
  • React Router DOM
  • Axios
  • HTML5
  • CSS3
  • JavaScript (ES6+)
  • HTML2Canvas
  • jsPDF

βš™οΈ Backend

  • Node.js
  • Express.js
  • REST APIs
  • JWT Authentication
  • bcryptjs
  • dotenv
  • CORS

πŸ—„ Database

  • MongoDB Atlas
  • Mongoose ODM

πŸ“Š Data Visualization

  • Dashboard Cards
  • Bar Charts
  • Pie Charts

πŸ“„ Export Features

  • PDF Export
  • CSV Export

☁️ Deployment

  • Vercel
  • Render
  • MongoDB Atlas
  • GitHub

🧠 Concepts Used

  • CRUD Operations
  • REST API Development
  • MVC Architecture
  • JWT Authentication
  • Authorization Middleware
  • Password Hashing
  • Environment Variables
  • Axios API Integration
  • React Hooks
  • Form Validation
  • Search & Filtering
  • Category-wise Aggregation
  • Monthly Expense Analysis
  • Responsive UI Design
  • Error Handling
  • Async/Await
  • Cloud Deployment

πŸ“Œ API Endpoints

Authentication

  • POST /api/auth/register
  • POST /api/auth/login

Expenses

  • GET /api/expenses
  • POST /api/expenses
  • PUT /api/expenses/:id
  • DELETE /api/expenses/:id

Dashboard

  • GET /api/dashboard
  • GET /api/dashboard/category-summary
  • GET /api/dashboard/monthly-summary

πŸ“Έ Screenshots

🏠 Landing Page

image

πŸ”‘ Login

image

πŸ“ Register

image

πŸ“Š Dashboard

image

πŸ’° Add Transaction

image

πŸ“œ Expense History

image

πŸ“‚ Categories

image

πŸ“ˆ Reports

image

πŸ’³ Budget Planning

image

πŸ€– AI Analytics

image

βš™οΈ Settings

image

πŸ“ Project Structure

MoneyMap
β”‚
β”œβ”€β”€ backend
β”‚   β”œβ”€β”€ config
β”‚   β”œβ”€β”€ controllers
β”‚   β”œβ”€β”€ middleware
β”‚   β”œβ”€β”€ models
β”‚   β”œβ”€β”€ routes
β”‚   β”œβ”€β”€ server.js
β”‚   └── package.json
β”‚
β”œβ”€β”€ frontend
β”‚   β”œβ”€β”€ src
β”‚   β”œβ”€β”€ public
β”‚   β”œβ”€β”€ package.json
β”‚   └── vite.config.js
β”‚
└── README.md

βš™οΈ Installation

Clone Repository

git clone https://github.com/adarshsingh31/MoneyMap.git
cd MoneyMap

Backend

cd backend
npm install

Create a .env

MONGO_URI=your_connection_string
JWT_SECRET=your_secret
PORT=5000

Run

npm start

Frontend

cd frontend
npm install

Create a .env

VITE_API_URL=http://localhost:5000/api

Run

npm run dev

πŸš€ Future Improvements

  • Email Verification
  • Forgot Password
  • Google Authentication
  • Recurring Transactions
  • Expense Reminders
  • Multi-Currency Support
  • Mobile App
  • AI Expense Prediction

πŸ† Skills Demonstrated

  • Full Stack MERN Development
  • Frontend Development
  • Backend API Development
  • Database Design
  • Authentication & Security
  • REST API Integration
  • Cloud Deployment
  • Git & GitHub
  • Data Visualization
  • Problem Solving

πŸ‘¨β€πŸ’» Author

Adarsh Singh

GitHub: https://github.com/adarshsingh31

LinkedIn: https://www.linkedin.com/in/adarsh-singh-936380341/


⭐ Support

If you like this project, don't forget to ⭐ the repository.

It helps others discover the project and motivates future improvements.

About

πŸ’° Full Stack MERN Personal Finance Tracker with JWT Authentication, Analytics, Budget Planning, PDF/CSV Reports and Interactive Dashboard.

Topics

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages