💰 Expense Tracker - Full Stack Application

A complete Full-Stack Expense Tracker built with React, Tailwind CSS, Node.js, Express, and MySQL.
Track your expenses by category, add, update, delete entries, and visualize them with charts.

---

Features

Frontend

• React + Tailwind CSS for responsive UI
• Login & Registration with JWT authentication
• Add, Edit, Delete expenses
• Pie chart visualization by category using Recharts
• Responsive design for mobile and desktop

Backend

• Node.js + Express server
• MySQL database with normalized tables
• CRUD operations with secure endpoints
• Password encryption using bcrypt
• JWT token-based authentication
• Proper error handling

Database

• users table for authentication
• expenses table linked with user_id
• Sample categories: Food, Travel, Shopping, Other

---

Tech Stack

• Frontend: React, Tailwind CSS, Recharts
• Backend: Node.js, Express, MySQL
• Authentication: JWT, bcrypt
• Deployment Ready: Environment variables in .env

---

Installation & Setup

Backend

cd backend
npm install
# create .env file with credentials
node app.js


### Frontend
cd expense-tracker-frontend
npm install
# create .env file with API URL
npm start


Application will run on http://localhost:3000 and connect to backend on http://localhost:5000.

# Security

# Passwords hashed with bcrypt

# JWT token authentication for API endpoints

# .env file not included in repo