Quick Track - The perfect solution for tracking/managing your expenses! All data is securely stored in real-time for user convenience through Google Realtime Database.
• React Native in JavaScript
• CRUD operations through Google Firebase Realtime Database
• Axios for HTTP requests (GET, POST, PUT, DELETE)
• Context API for app-wide state
• React Navigation for app-wide navigation
This app implements the use of MVC architecture, in which the controller (logic in code) communicates with the model (Realtime Database) and view (React Native JSX). This allows for a clean separation of concerns (SoC), and the ability to support multiple views within the application.
To develop this application I worked in sprints, meaning that I worked on one feature, tested it to verify if it works as expected, and then moved onto the next sprint for the next feature. To track the progress of these sprints I used Jira.
Ultimately, I worked on developing each feature step-by-step with strict time frames and ensured high quality while working on that respective feature.
View your recent expenses in the current week at a glance:
View all your expenses in a informative UI:
Tap on an expense to edit or delete it:
Add an expense:
• The buttons in this app, for example, the "Add", "Update" and "Cancel" buttons were created as custom components using the latest Pressable API.
• The text inputs use form validation with custom created rules to ensure that the fields are validated before being sent to the backend database.