xpenses's Introduction

Expense Tracker React Project

Welcome to my Expense Tracker React project! This is a simple practice project that allows users to input their expenses and displays them in a well-organized manner. Additionally, it provides the functionality to filter the expenses based on the year of spending.

Features

Expense Input: Users can input their expenses, including the description, amount, and date of spending.
Expense List: The project neatly displays the entered expenses, showing details such as the description, amount, and date.
Expense Filtering: Users can filter the displayed expenses by selecting a specific year. The project then presents only the expenses incurred during that year.

Getting Started

Clone the Repository: Begin by cloning this repository to your local machine.
```
git clone https://github.com/kshitijtanwar/Xpenses.git
```
Navigate to the Project Directory: Move into the project directory using the command:
```
cd Xpenses
```
Install Dependencies: Install the required dependencies using npm:
```
npm install
```
Start the Development Server: Run the project using the following command. This will launch the project in your default web browser.
```
npm start
```

Usage

Open the project in your web browser by navigating to http://localhost:5173/.
Begin by entering your expenses in the provided input fields. Include the description, amount, and date of spending.
Once you've added several expenses, use the filtering feature to view expenses from a specific year. Select a year from the dropdown menu to see only those expenses.

Contributing

If you'd like to contribute to this project, you're welcome to submit a pull request. Feel free to suggest improvements, report bugs, or implement new features.

Recommend Projects