The Expense Tracker App is a mobile application built with React Native that empowers users to efficiently manage their personal finances. With features to add, update, and delete expenses, the app helps users track their daily spending while offering insights into recent and overall expenses.
- Log your expenses by specifying:
- Amount: How much was spent.
- Date: When the expense occurred.
- Description: A brief note about the expense.
- Edit any previously added expense to reflect changes in:
- Amount
- Date
- Description
- Remove expenses that are no longer needed with a single action.
- See all expenses from the last 7 days, providing insights into your short-term spending habits.
- Access a comprehensive list of all logged expenses for a full overview of your financial history.
- Framework: React Native (cross-platform compatibility for iOS and Android).
- State Management:
useReducer
hook for efficient state updates. - Global State: Context API for managing expense-related actions.
- Components:
- Modular and reusable components ensure scalability.
- User-friendly interface designed with accessibility in mind.
- Navigation: React Navigation for seamless transitions between screens.
-
Recent Expenses Screen
- Displays expenses from the last 7 days.
- Provides a quick snapshot of recent spending.
-
All Expenses Screen
- Shows a complete list of all logged expenses.
- Allows users to review their entire financial history.
-
Manage Expense Screen
- Enables users to:
- Add new expenses.
- Edit existing expenses.
- Delete unwanted entries.
- Enables users to:
All Expenses |
Recent Expenses |
---|---|
Add Expense |
Edit Expense |