/spendings-tracker-mern

Spendings tracker app where users can view charts of how they're spending their money.

Primary LanguageTypeScript

Spendings Tracker

This will be a spendings tracker application where users can keep track of their spendings/transactions through the visual representation of graphs.

Click here to visit live site

Key Features

  • User Authentication with passport.js
  • Transaction form to post new transactions
  • Caching using React Query
  • Dynamic Charts (pie chart, bar graph, line graph) that can be filtered by month and year.
  • Light and dark mode

Tech Stack

  • MongoDB
  • Express.js/Node.js
  • React (Typescript)
  • Google Charts
  • TailwindCSS

Dashboard Screenshot

Dashboard image

Instructions to start application

  1. Git clone repo
  2. At the root directory, npm install to install dependencies
  3. Cd into the frontend directory and npm install to install frontend dependencies
  4. Cd back into root directory and run npm run dev to start application on localhost:3000