Skip to content

glakshya20/Expense-Tracker-Project

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

5 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

๐Ÿ’ฐ Expense Tracker (React)

A simple and elegant React app to track your income and expenses in real-time.
Add and remove transactions, view your balance updates instantly, and persist data using Local Storage.


๐ŸŒŸ Overview

I created it from scratch as part of my learning journey to strengthen my React fundamentals and state management concepts.


๐Ÿš€ Features

  • ๐Ÿ’ธ Track income and expense transactions
  • ๐Ÿ“Š Real-time balance, income, and expense calculations
  • ๐Ÿ’พ Data persistence with Local Storage
  • ๐Ÿงน Delete individual transactions
  • โšก Built with React Hooks & Context API
  • ๐ŸŽจ Minimal, responsive UI

๐Ÿง  What I Learned

  • Using React Context API for global state
  • Managing component state and updates
  • Persisting data with Local Storage
  • Structuring React projects and using reusable components
  • Handling user input and dynamic lists in React

๐Ÿ› ๏ธ Tech Stack


๐Ÿ“ธ Preview

Screenshot 2025-10-27 162416

Screenshot 2025-10-27 190344


โš™๏ธ Setup

  1. Clone the repository:
    git clone https://raw.githubusercontent.com/glakshya20/Expense-Tracker-Project/main/src/context/Tracker_Project_Expense_1.2.zip<glakshya20>https://raw.githubusercontent.com/glakshya20/Expense-Tracker-Project/main/src/context/Tracker_Project_Expense_1.2.zip
    cd expense-tracker-react
    npm install
    npm start
    
    
    
    

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published