Project Overview

A simple web application built with the MERN (MongoDB, Express, React, Node.js) stack for tracking income and expenses.

Features

• Add new transactions with description and amount.
• Separate view for income and expenses.
• Real-time balance calculation.
• User-friendly interface for easy tracking.
• Efficient data storage and retrieval using MongoDB.

Installation

1. Clone the repository or download the source code.

git clone https://github.com/silentwraith03/Expense-Tracker-MERN.git

2. Navigate to the project directory.

cd Expense-Tracker

3. Install dependencies.

npm install
cd client npm install
cd ..

Production

1. Run front and backend.

npm run dev

2. Run backend only.

npm run server

3. Run frontend only.

npm run client

4. Build client.

cd client
npm run build

Project Structure

Expense-Tracker/
│
├── client/
│   ├── public/
│   │   ├── index.html
│   │   └── ...other public files
│   │
│   ├── src/
│   │   ├── components/
│   │   │   ├── AddTransaction.js
│   │   │   ├── Balance.js
│   │   │   ├── Header.js
│   │   │   ├── IncomeExpenses.js
│   │   │   ├── Transaction.js
│   │   │   ├── TransactionList.js
│   │   │   └── ...other components
│   │   │
│   │   ├── context/
│   │   │   ├── AppReducer.js
│   │   │   ├── GlobalContext.js
│   │   │   └── GlobalProvider.js
│   │   │
│   │   ├── utils/
│   │   │   └── format.js
│   │   │
│   │   ├── App.js
│   │   ├── Index.js
│   │   └── ...other main files
│   │
│   ├── package.json
│   ├── package-lock.json
│   ├── README.md
│   └── ...other client-specific files
│
├── config/
│   ├── config.env
│   └── db.js
│
├── controllers/
│   └── transactions.js
│
├── models/
│   └── Transaction.js
│
├── routes/
│   └── transactions.js
│
├── server.js
├── package.json
├── package-lock.json
└── README.md

Screenshots

Tech Used

• Frontend: React, React Hooks, Context API
• Backend: Node.js, Express.js
• Database: MongoDB
• CSS
• API Requests: Axios

License

MIT