Work · Case study 04 of 18 · Morinaga Calories
Morinaga Calories overview
Mobile and Web Engineering

Morinaga Calories

Cross platform health and calorie tracking

SectorHealth programme
RoleMobile and Web Engineering
StackReact Native, Next.js, Material UI, Tailwind CSS, REST APIs

The challenge

Health tracking apps are abandoned when entry is slow, and the data is only useful if administrators can see it in aggregate. Both had to ship as one consistent system on Android, iOS and web.

What we built

  • Single React Native codebase with timer based check in and progressive profile entry.
  • Separate Next.js dashboard for reporting, user management and monitoring.
  • Secure real time sync between app, dashboard and backend, with sync state visible on every record.

Outcome

1,248 active profiles tracked836 check ins in a single dayAndroid, iOS and web
Morinaga Calories screen 1
Morinaga Calories screen 2
Morinaga Calories screen 3
Morinaga Calories screen 4
Morinaga Calories screen 5
Morinaga Calories screen 6