Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Update Expense-Tracker-App.md #885

Open
wants to merge 1 commit into
base: master
Choose a base branch
from
Open
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
29 changes: 29 additions & 0 deletions Projects/1-Beginner/Expense-Tracker-App.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,29 @@
Application Name: Expense Tracker
Tier: 1 - Beginner

Description:
An expense tracker app that helps users manage their personal finances. Users can add income and expenses, and the app will calculate the remaining balance dynamically. This project involves handling state, forms, and simple calculations in React.

Purpose:
To help users track their income and expenses while learning how to manage forms, state, and dynamic data in React.

Resources Needed:
No external APIs are required.

User Stories:
- User can add an expense or income with a description, date, and amount.
- User can view a list of added expenses and incomes.
- User can see the total balance based on the added expenses and income.
- User can delete any entry from the list.
- User can view a breakdown of total income vs. total expenses.

Bonus Features:
- User can categorize expenses (e.g., Food, Entertainment, Rent).
- User can filter expenses by month.
- User can generate a PDF report of their expenses.

Useful Links and Resources:
- [React Forms Documentation](https://legacy.reactjs.org/docs/forms.html)

Example Projects:
- [Expense Tracker (React)](https://github.com/bradtraversy/expense-tracker-react)