All projects
Side project · Web app

NutriLog

A health-tracking web app. Take a photo of a meal and it tells you what's in it, with totals for calories, carbs, fat and protein.

Type
Web app
Role
Solo developer
Stack
Next.js, Supabase, PostgreSQL
Vision
AWS Rekognition
Testing
Vitest
Live
nutrilogging.netlify.app
Code
Private
nutrilogging.netlify.appLogging a meal
  1. 01Take a photo of the plateNext.js upload
  2. 02Label the ingredients in itAWS Rekognition
  3. 03Look up calories and macrosNutrition data
  4. 04Save the entry to the logSupabase · PostgreSQL
Try the live app
What happens when you log a meal

The problem

Counting calories by hand is tedious, and it's easy to give up on. NutriLog cuts it down to one step: take a picture of your plate.

How it works

  1. AWS Rekognition Labels the ingredients it finds in the photo.
  2. Nutrition lookup Each ingredient is matched against nutrition data from the web to estimate calories, carbohydrates, fat and protein.
  3. PostgreSQL on Supabase Every entry is saved to the user's log, so they can look back over a day or a week.

Testing

Unit tests are written in Vitest, with build and test scripts so every change runs through the same checks.