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.

Meal planner appSam Toohey
MicroHub's cover image

Key metric

99%

Performance Score

Outcome

Launched a meal-planning PWA with live messaging and ingredient swap workflows.

Tools

TypeScriptNext.jsSocket

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

Have an exciting
project?

I'm open to freelance opportunities and interesting collaborations. Let's have a quick chat to see if we're a good fit.

We use cookies to personalize your site experience.