Expense Tracker

screenshot of Expense Tracker
chakra-ui

My previous project "Expensify" rebuilt using MongoDB with improved codebase!

Overview

Expensify is a MERN Stack project designed for expense tracking. It provides users with the ability to monitor expenses, generate reports, and make use of premium features through a pro version. This project focuses on security, efficient data fetching, visualization of reports, and user-friendly functionalities.

Features

  • Authentication with JWT: Uses JWT for secure user authentication.
  • Protected Routing (Frontend & Backend): Implements protected routing for enhanced security.
  • Seamless data fetching using Tan Stack Query: Allows efficient data retrieval from the backend.
  • Razorpay payment gateway: Enables users to upgrade to a pro version with premium features.
  • Reports visualized using Chart JS 2: Presents reports in interactive and visually appealing ways.
  • Download reports as CSV files (pro version): Users can download and store reports in the cloud.
  • Pagination of Expenses: Users can view expenses in manageable pages.
  • Reset Password Feature: Provides a secure process for password resets through Nodemailer server.
  • Leaderboard (pro version): Offers a competitive element by comparing expenses with other users.
  • Fully responsive UI using Chakra UI: Ensures a visually appealing and functional interface across all devices.
  • MongoDB database: Utilizes MongoDB for scalable data storage.
  • Download history for tracking previous downloads: Enables users to monitor their past downloads conveniently.

Summary

Expensify is a comprehensive expense tracking project built on the MERN Stack. It offers a range of features including secure authentication, efficient data fetching, visualization of reports, premium upgrade options, and a competitive edge with leaderboards. The project focuses on user experience with a responsive UI, secure password reset processes, and convenient access to past downloads. Overall, Expensify provides users with a robust platform for managing and tracking their expenses effectively.

chakra-ui
Chakra UI

Chakra UI is a popular open-source React component library that provides a set of accessible and customizable UI components to help developers create modern web applications.