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