/

Let's Build SomeThing Legendary together

/

Expenses Tracker App

Project

Overview

I developed an intuitive Expense Tracker App that helps users manage and monitor their spending. The app is built using React Native and TypeScript, with a focus on providing a smooth user experience through efficient navigation and state management. Key Features: Main Page: Displays all recorded expenses along with the total amount spent, offering users a clear overview of their financial activities. Recent Expenses: A dedicated page that highlights expenses made in the last 7 days, allowing users to quickly track their most recent spending. Expense Management: Users can click on any expense to update or delete it. Additionally, they can easily add new expenses, making the app a comprehensive tool for financial tracking. Technical Stack: React Native & TypeScript: Ensured cross-platform functionality and robust type safety. Expo Navigation: Implemented for nested routing between Stack and Tab Navigation, providing a seamless navigation experience. React Context & React Reducer: Utilized for efficient state management, ensuring that the app's data flow is both maintainable and scalable. Outcome: The Expense Tracker App offers a user-friendly way to monitor spending, update records, and stay on top of personal finances. With a clean interface and reliable performance, the app serves as an essential tool for budget management.

Technologies

React Native

Native Wind

Expo Router

Nested Navigator

MVC Architecture

Back