Skip to content

SpendWise is a modern full-stack Expense Tracker app to help users manage and visualize their income and expenses. Built with React (Vite) for a fast and responsive frontend, Node.js and Express for the backend, and MongoDB for secure data storage. Includes user authentication, charts, recent transactions, and Excel export support.

License

Notifications You must be signed in to change notification settings

IshaanPathak25/SpendWise

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

11 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

💸 SpendWise: Expense Tracker

SpendWise is a full-stack Expense Tracker app to manage your income and expenses efficiently. Built with React (Vite) on the frontend, Node.js (Express) for the backend, and MongoDB for data storage.


📦 Features

  • 🔐 User authentication with JWT
  • 💰 Add, update, and delete income/expenses
  • 📊 Graphs and charts for insights (Bar/Pie)
  • 📆 Filter transactions by date
  • 🔎 View recent transactions
  • 📁 Download income/expense data in Excel

🧑‍💻 Tech Stack

Frontend ⚛️

  • React + Vite
  • Tailwind CSS
  • Recharts
  • Axios

Backend 🛠️

  • Node.js + Express
  • MongoDB + Mongoose
  • JWT (Authentication)
  • dotenv

📁 Folder Structure

Expense-Tracker/

  • ├── backend/ → Node.js Express API
  • ├── frontend/expense-tracker/ → Vite + React frontend

🛠️ Setup Instructions

1. Clone the repository

git clone https://github.com/IshaanPathak25/Expense-Tracker.git
cd Expense-Tracker

2. Backend setup

cd backend
npm install
  • Create a .env file inside /backend:
MONGO_URI=your_mongo_connection_string
JWT_SECRET=your_jwt_secret
PORT=8000
  • Run the backend server
npm run dev

3. Frontend setup

cd frontend/expense-tracker
npm install
  • Create a .env file inside /frontend/expense-tracker:
VITE_BASE_URL=http://localhost:8000
  • Run the frontend
npm run dev

🙌 Acknowledgements

  • Inspired by modern personal finance tools
  • Built using best practices in the MERN stack

🧑‍💼 Author

About

SpendWise is a modern full-stack Expense Tracker app to help users manage and visualize their income and expenses. Built with React (Vite) for a fast and responsive frontend, Node.js and Express for the backend, and MongoDB for secure data storage. Includes user authentication, charts, recent transactions, and Excel export support.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published