React Expense Tracker App

This is a simple expense tracker app built with React. Users can add new expenses, filter them by year, and view a chart representation of their expenses.

Table of Contents

• Features
• Installation
• Usage
• Folder Structure
• Contributing
• Author

Features

• Add new expenses with title, amount, and date.
• Filter expenses by year.
• View a chart representation of expenses by month.

Installation

1. Clone this repository to your local machine:

   git clone https://github.com/nirmitkotadiya/Expense_Tracker.git
   

2. Navigate to the project directory in your terminal:

   cd Expense_Tracker

3. Run the following command to install dependencies:

   npm install

Usage

1. Run the development server:

   npm start

2. Open your web browser and visit http://localhost:3000 to use the Expense Tracker App.

3. Use the app to add, filter, and view expenses.

Folder Structure

• src/components/Chart

  • Chart

  • ChartBar

• src/components/Expenses

  • ExpenseDate

  • ExpenseItem

  • Expenses

  • ExpensesChart

  • ExpensesFilter

  • ExpensesList

• src/components/NewExpense

  • ExpenseForm

  • NewExpense

• src/components/UI

  • Card

Contributing

If you would like to contribute to this project, please follow these steps:

1. Fork the project.
2. Create a new branch for your feature or bug fix.
3. Make your changes and ensure that the code is properly documented.
4. Test your changes thoroughly.
5. Submit a pull request with a clear description of your changes.

Author

This Expense Tracker App was created by Nirmit Kotadiya and Dharmik Donda.

Feel free to use and modify this Expense Tracker App for your own educational purposes or as part of a React project. If you have any questions or need assistance, please contact the author.

Enjoy the Expense Tracker App!