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.
To run the expences_traker application locally, follow these steps:
-
Clone the repository:
git clone https://github.com/bm9avan/expences_traker.git
-
Navigate to the project directory:
cd expences_traker
-
Install the required dependencies:
npm install
-
Start the application:
npm start
-
Open your browser and visit
http://localhost:3000
to access the application.
The Expense Tracker application has the following component tree:
- 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
The Expense Tracker application uses the following technologies:
- React.js
- CSS (stylesheets provided by the tutorial)
- Firebase to manage data
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
For any questions or inquiries, please feel free to contact the project creator:
- Name: PAVAN
- Email: [email protected]
- Contact: @bm9avan