Mar 19, 2026

Like Expense

βœ… Project Overview

This is a full-stack Expense Tracker app with:

  • Backend (API): Node.js + Express + MongoDB (Mongoose)
  • Frontend: React (Vite) SPA
  • Core Functionality: user auth, income/expense CRUD, dashboard analytics, and Excel export

It’s structured as two separate apps under TrackExpense:

  • backend/ β†’ API server (auth + expense/income management + analytics)
  • frontend/ β†’ React UI (login/signup, dashboard, add/edit transactions, profile)

🧱 What the App Does (Features)

βœ… Authentication

  • Register + Login (email + password)
  • JWT token-based auth (stored in localStorage or sessionStorage)
  • Protected routes require auth token

πŸ’Έ Expense / Income Tracking

  • Add / update / delete expenses
  • Add / update / delete income
  • Each record includes: description, amount, category, date
  • Records are linked to a specific user (via userId)

πŸ“Š Dashboard & Analytics

  • Monthly income/expense summary
    • Savings calculation
    • Recent transactions list
    • Expense category breakdown (for charts)
    • Timeframe filtering (monthly/weekly/etc.)

    πŸ“„ Export

    • Export income or expense data to Excel (.xlsx) from the server
  • πŸ—‚οΈ Backend (API) Structure

    Main API routes

    All API routes are mounted under /api/*:

    • /api/user β†’ user auth & profile
    • /api/income β†’ income CRUD + overview + Excel export
    • /api/expense β†’ expense CRUD + overview + Excel export
    • /api/dashboard β†’ dashboard summary

    Key Backend Tech

    • Express for routing
    • MongoDB + Mongoose for persistence
    • JWT for auth (middleware/auth.js)
    • bcryptjs for password hashing
    • xlsx to generate Excel spreadsheets
  • 🧩 Frontend (React) Structure

    The UI is under frontend/src/ with pages like:

    It stores auth tokens in local/session storage and keeps transaction state in local storage for faster UI updates.

1

Give a star to encourage!Discussion
Abhi Gautam
Abhi Gautam2 months ago

Lets connect\

Abhi Gautam
Abhi Gautam2 months ago

Hiii

Login to join the discussion

More Builds by Abhi Gautam

#personalfinance #moneymanagement #budgetapp #fullstackproject #expensetracker