A simple personal finance tracker that allows users to manage their income, expenses. The app includes features such as transaction categorization and data visualization to help users stay on top of their finances.
Tech Stack: React, Redux, TypeScript, TailwindCSS, JSON server, React Icon.
- Users can sign up and log in (no real authentication required).
- User data can be stored locally or on the JSON server.
- Local storage is used to manage login status.
- Add, edit, and delete transactions.
- Each transaction includes an amount, category (e.g., groceries, rent, salary), date, and a description.
- All data is stored and fetched from the JSON server.
- Categorize transactions into different types such as income or expenses.
- Filter transactions by category (e.g., food, salary, rent) or by date range.
- Users can set a monthly budget for each category (e.g., $200 for groceries, $1000 for rent).
- Track how much of the budget has been spent for each category.
- View a summary of total income and expenses for the current month.
- The app shows the remaining balance based on the user’s budget.
- Display spending patterns and category-wise expenses using charts or graphs.
- Show monthly trends for both income and expenses.
- Fully responsive UI to ensure the app works across mobile, tablet, and desktop devices.