FinGraph

Deployed Link

Frontend: https://fin-graph.vercel.app/
Backend: https://fingraph-6yev.onrender.com/api/v1/

Project Description

It is a full-stack web application with authentication that makes it easy and quick for a person to manage their income and expenses.
I built this app using MERN Stack and libraries like Chart.js for visualizing data and React Toastify library for notifications.
I implemented the backend by adding different routes, controllers and models using NodeJS and MongoDB and facilitated authentication using JWT and Bcrypt.

Project Structure

Frontend
- Tech Stack
  - React Styled Components
  - Chart.js
Backend
- Tech Stack
  - NodeJS
  - MongoDB Atlas
  - JWT Authentication
  - Bcrypt for password hashing

Screenshots

Register Page
Login Page
Dashboard
Add Income Page
Add Expense Page