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.
- 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
useStateanduseEffect. - Context API for global state handling (
Counter). - Clean folder structure for scalability.
- React.js (Frontend Library)
- JavaScript (ES6+)
- CSS3 (Custom Styling)
- JSON Server for mock backend (
db.json)