Expense Tracker - Track your Expenses App

Key Features

• "💰 Add, edit, and delete income/expense transactions",
• "📊 View balance, total income, and total expense at a glance",
• "📜 Real-time transaction history with automatic calculation",
• "🔁 State management via React Context API and useReducer",
• "🧱 Modular architecture with reusable components"

Challenges Overcome

• "Challenge: Replacing vanilla JS DOM manipulation with React's declarative rendering",
• "Challenge: Managing state effectively across deeply nested components",
• "Challenge: Handling form data and controlled inputs with hooks",
• "Challenge: Structuring the global state and reducer logic cleanly"

What I Learned

This project deepened my understanding of React's Context API and useReducer for state management in real-world scenarios. I learned how to refactor vanilla JavaScript logic into modular, reusable React components while maintaining clean separation of concerns. Additionally, I gained hands-on experience structuring scalable front-end architecture and improved my proficiency in implementing responsive UI using Tailwind CSS. The exercise also emphasized the importance of planning component hierarchy and state flow in building maintainable web applications.