Skip to content

Frontend interface for our expense tracking website, offering intuitive navigation and real-time insights for efficient expense management and financial analysis.

Notifications You must be signed in to change notification settings

MrSandeepSharma/Expense-Tracker-Frontend

Repository files navigation

Expense Tracker

Overview 👋

The Expense Tracker is a web application designed to help users manage their finances by tracking their expenses, savings, and investments. Users can sign up or log in, add and categorize their transactions, and view an overview of their financial activities through a doughnut chart.

Tech Used 🛠

react react-router react hook forms redux tailwind css JavaScript axious

Key Features 🌟

1. Landing Page

A welcoming landing page for new visitors.

2. User Authentication

Secure login and sign-up functionality using email, username, and password.

3. Dashboard

  • Add Transactions Users can add new transactions by specifying the name, amount, and category (savings, investment, or expenses).
  • View Transactions A list of all user transactions is displayed.
  • Doughnut Chart A visual representation of the user's transactions categorized by savings, investment, and expenses (available on the desktop version).

Screenshots

Expense Tracker - Google Chrome 22-05-2024 19_57_26 Expense Tracker - Google Chrome 22-05-2024 19_57_35 Expense Tracker - Google Chrome 22-05-2024 19_57_42 Expense Tracker - Google Chrome 22-05-2024 19_57_47 Expense Tracker - Google Chrome 22-05-2024 19_58_05 Expense Tracker - Google Chrome 22-05-2024 19_59_43 Expense Tracker - Google Chrome 22-05-2024 19_59_14

Useful Resources

About

Frontend interface for our expense tracking website, offering intuitive navigation and real-time insights for efficient expense management and financial analysis.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published