Key metric
99%
Performance Score
Case Study
MicroHub
A progressive web app built for meal planning and health data tracking. Creation of the ingredient swapper which allows users to substitute one ingredient in a meal with another of their choice was one of the major challenges of this project.
Outcome
Launched a meal-planning PWA with live messaging and ingredient swap workflows.
Tools
Contributions
- UI and UX design
- API integration
- Frontend development
Challenges
In developing this application, I encountered a few challenges. One of the hurdles was building a feature that allows users to swap one ingredient in a meal for another ingredient they prefer. Additionally, ensuring a smooth and intuitive flow of actions for the users was another challenge to tackle.
Solutions
To overcome this challenge, I adopted a collaborative approach by closely working with the project manager, the backend team, and the design team. Additionally, I leveraged the capabilities offered by React, such as hooks and context, to effectively manage the action flow and access control within the application.
Notable features
- Pixel-perfect user interface and experience
- Implementation of the latest security standards
- 99% performance and 100% structure optimized (GTmetrix)
- Authentication, notification system, ingredient swapper
- Ability to bind client with a nutritionist
- Live messaging with the nutritionist
- Ability to create meals and programs and assign them to self
1 / 23
Let's Work Together
Tell me what you're building
Share the scope, blockers, timeline, and success criteria. I'll review the context and follow up with clear next steps.