Expense Tracker

expences_traker is a web application built by following the tutorial by Maximilian Schwarzmüller, an AWS certified professional web developer and instructor. It helps you track your expenses and visualize your spending patterns.

Installation

To run the expences_traker application locally, follow these steps:

1. Clone the repository:

   git clone https://github.com/bm9avan/expences_traker.git

2. Navigate to the project directory:

   cd expences_traker

3. Install the required dependencies:

   npm install

4. Start the application:

   npm start

5. Open your browser and visit http://localhost:3000 to access the application.

Components

The Expense Tracker application has the following component tree:

Usage

• Start the application and open it in your browser.
• Use the "Add Expense" button to add new expenses.
• Use the chevron icons (BiChevronDown, BiChevronUp) to expand and collapse the input form for expenses.
• Filter and sort expenses using the ExpensesFilter component.
• View your expenses in the AllItems and analyze them using the Chart component.
• BoxCard is an UI component used to reduce code duplication and give a shadowing effect
• Use BiPencil(pencil icon) and BiCheck(tick mark icon) to edit and update Title
• Use RiDeleteBin6Line(delete icon) to Delete particular expence

Technologies Used

The Expense Tracker application uses the following technologies:

• React.js
• CSS (stylesheets provided by the tutorial)
• Firebase to manage data

Credits

This project was built by following the tutorial by Maximilian Schwarzmüller, an AWS certified professional web developer and instructor. The tutorial provided the foundation and guidance for building the Expense Tracker application.

Instructor: Maximilian Schwarzmüller

• Udemy Course: React - The Complete Guide 2023

Contact

For any questions or inquiries, please feel free to contact the project creator:

• Name: PAVAN
• Email: mggpavan@gmail.com
• Contact: @bm9avan