Skip to content

shraddhaa23/Expense-Tracker

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

2 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

๐Ÿ’ฐ Expense Tracker

A React-based Expense Tracker app to manage and track personal expenses.
Users can add, view, and manage expenses with dynamic components and a clean, responsive design.
This project demonstrates core React concepts such as components, props, state, and event handling.


๐Ÿš€ Features

  • Add New Expenses with a form.
  • Dynamic Expense List that updates instantly.
  • Reusable Components for better code structure:
    • ExpenseItem โ€“ Displays individual expense details.
    • ExpenseDate โ€“ Formats and displays expense dates.
    • ExpenseTitle โ€“ Shows the expense title.
    • Card โ€“ Wraps UI elements with consistent styling.
  • Responsive Design using custom CSS.
  • State Management with useState and useEffect.
  • Context API for global state handling (Counter).
  • Clean folder structure for scalability.

๐Ÿ› ๏ธ Technologies Used

  • React.js (Frontend Library)
  • JavaScript (ES6+)
  • CSS3 (Custom Styling)
  • JSON Server for mock backend (db.json)

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors