Skip to content

Purvesh-PJ/expense_tracker_platform

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

11 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

πŸ’° Expense Tracker

Take Control of Your Finances

A modern, full-stack expense tracking application with beautiful UI and powerful analytics.

React Node.js MongoDB Styled Components


Dashboard Preview


⚑ Quick Overview

🎯 What it does

  • Track income from multiple sources
  • Monitor expenses by category
  • Visualize spending with interactive charts
  • View real-time balance updates
  • Secure JWT authentication

πŸ› οΈ Built with

  • Frontend: React, Styled Components, Chart.js
  • Backend: Node.js, Express.js
  • Database: MongoDB with Mongoose
  • Auth: JWT tokens

πŸ“Έ Screenshots

Login
πŸ” Login
Sign Up
πŸ“ Sign Up
Income
πŸ’΅ Income Management
Expenses
πŸ’³ Expense Tracking

πŸš€ Getting Started

# Clone the repo
git clone https://github.com/yourusername/expense_tracker_platform.git

# Install dependencies
cd server && npm install
cd ../client && npm install

# Start backend (terminal 1)
cd server && npm start

# Start frontend (terminal 2)
cd client && npm start

πŸ“ App runs at http://localhost:3000 | API at http://localhost:5000


πŸ“ Project Structure

πŸ“¦ expense_tracker_platform
β”œβ”€β”€ 🎨 client/                # React Frontend
β”‚   └── src/
β”‚       β”œβ”€β”€ components/       # UI Components
β”‚       β”œβ”€β”€ pages/            # Page Views
β”‚       β”œβ”€β”€ services/         # API Calls
β”‚       └── styles/           # Theme System
β”‚
└── βš™οΈ server/                # Node.js Backend
    β”œβ”€β”€ controllers/          # Business Logic
    β”œβ”€β”€ models/               # Data Models
    β”œβ”€β”€ routes/               # API Routes
    └── middleware/           # Auth Layer

πŸ”Œ API Reference

Method Endpoint Description
POST /users/register Create account
POST /users/login Sign in
GET /income/:userId Fetch income
POST /income/add Add income
PUT /income/:id Update income
DELETE /income/:id Remove income
GET /expenses/:userId Fetch expenses
POST /expenses/add Add expense
PUT /expenses/edit/:id Update expense
DELETE /expenses/delete/:id Remove expense

🌟 Star this repo if you found it helpful!

Made with ❀️ and lots of β˜•

About

πŸ’° Full-stack expense tracker with React & Node.js. Track income, manage expenses, visualize spending with charts. Features JWT auth, MongoDB, and modern UI..

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors