From 0a54227ccc7b0e39d08dfc09008f5b60856a9c94 Mon Sep 17 00:00:00 2001 From: Suami Rocha <110056279+suamirochadev@users.noreply.github.com> Date: Sun, 13 Oct 2024 10:06:34 -0300 Subject: [PATCH] Update Expense-Tracker-App.md --- Projects/1-Beginner/Expense-Tracker-App.md | 29 ++++++++++++++++++++++ 1 file changed, 29 insertions(+) create mode 100644 Projects/1-Beginner/Expense-Tracker-App.md diff --git a/Projects/1-Beginner/Expense-Tracker-App.md b/Projects/1-Beginner/Expense-Tracker-App.md new file mode 100644 index 000000000..0e1b39984 --- /dev/null +++ b/Projects/1-Beginner/Expense-Tracker-App.md @@ -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)