Where developers grow together

expense tracker

✅ 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: Dashboard.jsx — main analytics page (charts + summary) Income.jsx / Expense.jsx — transaction management Profile.jsx — update profile, change password Login.jsx / Signup.jsx — authentication Layout.jsx — common layout / nav + sidebar It stores auth tokens in local/session storage and keeps transaction state in local storage for faster UI updates.

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: Dashboard.jsx — main analytics page (charts + summary) Income.jsx / Expense.jsx — transaction management Profile.jsx — update profile, change password Login.jsx / Signup.jsx — authentication Layout.jsx — common layout / nav + sidebar It stores auth tokens in local/session storage and keeps transaction state in local storage for faster UI updates.

First 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: Dashboard.jsx — main analytics page (charts + summary) Income.jsx / Expense.jsx — transaction management Profile.jsx — update profile, change password Login.jsx / Signup.jsx — authentication Layout.jsx — common layout / nav + sidebar It stores auth tokens in local/session storage and keeps transaction state in local storage for faster UI updates.