Smart Expense Tracker

A full-stack Expense Tracking Application built using React, Flask, SQLite, JWT Authentication, Tailwind CSS, and Recharts.

---

Features

Authentication

• User Registration
• User Login
• JWT Authentication
• Protected Dashboard

Transaction Management

• Add Transactions
• Delete Transactions
• Income Tracking
• Expense Tracking
• Category Based Transactions

Budget Management

• Monthly Budget Setting
• Remaining Budget Calculation
• Budget Alerts

Analytics

• Expense Analytics Dashboard
• Pie Chart Visualization
• Category Wise Expense Analysis

Search & Filter

• Search Transactions
• Monthly Filter
• Category Search
• Description Search

User Features

• Profile Page
• Dark Mode
• Light Mode

Reports

• Export PDF Reports

Smart Features

• AI Spending Suggestions
• Savings Insights
• Financial Health Monitoring

---

Tech Stack

Frontend

• React.js
• React Router DOM
• Tailwind CSS
• Axios
• Recharts

Backend

• Flask
• Flask JWT Extended
• Flask CORS
• SQLAlchemy

Database

• SQLite

PDF Generation

• jsPDF
• html2canvas

---

Project Structure

SmartExpenseTracker
│
├── backend
│   ├── models
│   ├── routes
│   ├── app.py
│   ├── extensions.py
│   └── requirements.txt
│
├── frontend
│   ├── src
│   │   ├── pages
│   │   ├── services
│   │   ├── App.jsx
│   │   ├── main.jsx
│   │   └── index.css
│   │
│   ├── package.json
│   └── vite.config.js
│
├── README.md
└── .gitignore

---

Installation

Clone Repository

git clone https://github.com/PrarthanaD-cloud/SmartExpenseTracker.git

cd SmartExpenseTracker

---

Backend Setup

cd backend

Create Virtual Environment

python -m venv venv

Activate Environment

venv\Scripts\activate

Install Dependencies

pip install -r requirements.txt

Run Backend

python app.py

Backend runs on:

http://127.0.0.1:5000

---

Frontend Setup

Open New Terminal

cd frontend

Install Dependencies

npm install

Run Frontend

npm run dev

Frontend runs on:

http://localhost:5173

---

Dashboard Features

• Income Summary
• Expense Summary
• Savings Summary
• Budget Monitoring
• Expense Analytics Chart
• Transaction Search
• Monthly Filtering
• Dark Mode Support
• PDF Report Export

---

Future Enhancements

• Edit Transactions
• Recurring Transactions
• Expense Forecasting
• Email Notifications
• Mobile App Version
• Cloud Database Integration

---

Developer

Prarthana D

Computer Science Engineering Student

Built using React, Flask, SQLite, JWT Authentication, Tailwind CSS, and Recharts.

---

⭐ Project Status

Completed and ready for demonstration.