React
TypeScript
AWS
Project Date: 2022-11-01
Budgeting App
Budgeting is one of the most powerful financial game-changers someone can make. Forecasting your life goals and tracking your progress is no small thing. That said, budgeting apps are too featureless, too complicated, or too expensive. So my goal with this app was to use the 50/30/20 rule to allow users to personalize a financial GPS in minutes.
Goal
This is the first project of mine that I'd like to explore productizing. The idea of creating an ecosystem of simple and impactful apps is very appealing to me. I see nutrition tracking apps, language learning apps, and more in the future. That said, I'm pulling out all the stops for this app. For other projects, I'd not do testing, not use strict typing, not create documentation, not do code reviews...but this one is getting the complete treatment.
I'm the dork who is putting every feature into a user story within an agile framework. It'll take a lot longer to put this polish on my app, but my hope is to get more employable experience using production environment best practices.
Project Features Progress
✅ App designed in figma
✅ Reusable and device-reactive components built with React
✅ 2D motion graphics created with Skia (Budget animated background, angular gradient on balance rings, etc.)
✅ Manual expense tracking and categorization with strict type safety for efficient and safe data transfer
✅ Custom budget dashboard for quick reference
✅ Balance detail screen & animations
✅ React Native Tab and Stack Routing with animated tab bar
✅ Users sign-up, sign-in, & auth flow connecting with AWS Amplify & Cognito
✅ Built Database schema GraphQL & AWS DataStore and began to store user-specific data in the cloud
🪲 Syncing device storage & user interactions with cloud database for offline-first usage
❌ Add/edit transaction, budget, and goal screens.
❌ User settings view & functionality.
❌ Flow for quick budget set-up according to financial questions.
❌ Automatic expense tracking and categorization using the Plaid API
❌ 2D graphics for stats page with long-term financial data visualization
❌ Receipt scanning coming in PaySense 2.0