Expense Manager - React App

The Expense Manager is a React-based application designed to help users track and manage their expenses efficiently. The app features the ability to add, remove, and filter expenses by year, providing an intuitive interface for analyzing spending patterns. Advanced React concepts like useReducer for state management, useEffect for handling side effects, and useContext for optimized data flow are implemented to enhance user experience and streamline functionality.

Features

• Add, remove, and filter expenses by year
• Dynamic state management using useReducer
• Optimized data flow with useContext
• Side effects handled with useEffect

Technologies Used

• React
• HTML
• CSS
• JavaScript

Available Scripts

In the project directory, you can run the following scripts:

• npm start
  Runs the app in development mode. Open http://localhost:3000 to view it in the browser.

• npm test
  Launches the test runner in interactive watch mode.

• npm run build
  Builds the app for production into the build folder.

How to Use

1. Clone the repository to your local machine.
2. Navigate to the project directory in your terminal.
3. Run npm install to install all dependencies.
4. Run npm start to start the development server.
5. Open http://localhost:3000 to view the app in your browser.