Expense-Manager

Expense Manager

Expense Manager is a web application built using React and hooks that allows users to keep track of their expenses and represent them visually using bar graphs. It provides features to add new expenses, filter expenses based on the year, and retrieve expense data for a specific year.

Features

• Expense Tracking: Users can easily track and manage their expenses by adding new expenses to the system.
• Pictorial Representation: The application provides a visual representation of expenses using bar graphs, making it easier to analyze spending patterns.
• Filtering by Year: Users can filter their expenses based on the year and retrieve a summary of expenses for that specific year.

Tech Stack

The Expense Manager web application is built using the following technologies:

• React: A popular JavaScript library for building user interfaces.
• Hooks: React Hooks are used to manage state and perform side effects in functional components.

Usage

To use the Expense Manager web application, follow these steps:

1. Clone the repository to your local machine:

   git clone https://github.com/012SwastikKumar/expense-manager.git
   

2. Navigate to the project directory:

   cd Expense-Manager
   

3. Install the dependencies:

   npm install
   

4. Start the application:

   npm start
   

   This will start the development server and open the application in your default web browser. If it doesn’t open automatically, you can access it at http://localhost:3000.

5. Use the Expense Manager application to add and track your expenses:
   • Enter the expense amount, description, and date in the provided fields.
   • Click the “Add Expense” button to add the expense to the system.
   • The bar graph will automatically update to reflect the new expense.
6. To filter expenses by year:
   • Use the filter option and select the desired year.
   • The application will display a summary of expenses for that specific year.
7. Enjoy managing and visualizing your expenses with the Expense Manager!