Personal Finance Tracker

---

Personal Finance Visualizer is a React-based web app for tracking expenses. Add, edit, and delete transactions, view lists, and analyze spending with Recharts. Built with Node.js, Express, and MongoDB for speed and reliability. Future updates include category tracking, budgeting, and dashboards. Stay on top of your finances effortlessly!

---

🛠️ Local Setup

Run Backend first, then start Frontend.

Clone the Repository

git clone https://github.com/RamanKishore08/Personal-Finance-Tracker.git

Open file directory

cd Personal-Finance-Tracker

Open Backend

cd backend

Install Backend lib

npm install express mongoose cors

Run the Server

node server.js

Open Frontend

cd Frontend

Install necessary libraries

npm install @shadcn/ui recharts axios @mui/material @emotion/react @emotion/styled

Run Frontend

npm run dev

SCREENSHOTS

Home Page

CRUD

Chart Visualization

Can Edit and delete data(CRUD)

MongoDB Storage