Hmad Afzal

Expense Graphql Preview

Expense Tracker: Manage Your Finances

Expense Tracker is a simple and effective tool designed to help users track their spending and manage their finances. With a modern, easy-to-use interface, it allows users to add, categorize, and visualize their expenses. Secure login is handled using Passport, and data fetching is optimized with GraphQL for efficient queries.

Source code

Features

  • Authentication: Secure user login with Passport.js for authentication.
  • Add/Remove Expenses: Easily add and delete expenses with details like amount, category, and description.
  • View Expense History: Track your past expenses with a clear, organized history.
  • Expense Categorization: Organize expenses into categories like food, transport, entertainment, and more.
  • Expense Visualization: Get insights with charts and visual breakdowns of your spending.
  • Responsive Design: Fully responsive across desktops, tablets, and mobile devices.

Stack

  • React.js - A JavaScript library for building interactive user interfaces.
  • Express.js - A flexible Node.js web application framework for building APIs.
  • MongoDB - A NoSQL database for flexible data storage.
  • GraphQL - A query language for APIs that enables efficient data fetching.
  • Passport.js - A simple, modular authentication middleware for Node.js.