CarbWatch
Search ingredients, calculate carbs, and estimate insulin from user settings.
Visit website
CARBWATCH· HERO · 16:9Angular front-end final project, originally named koolyhealth and branded in the UI as CarbWatch. Users can register, log in, manage carb/insulin settings, search ingredients through Spoonacular, build consumed-ingredient lists, calculate carbohydrate totals, estimate insulin dosage, and browse backend-powered recipe pages.
Built in an agile/Scrum student team where I worked as both front-end developer and Scrum Master. My work included the Angular scaffold, routes, auth guard, login/register/settings flows, ingredient search, calculator wiring, Tailwind/Flowbite UI pass, dark mode, and much of the final template cleanup.
What was getting in the way.
The app needed to combine account settings, ingredient nutrition data, consumed amounts, recipe pages, and insulin calculation in a way that stayed understandable for a school-project frontend scope.
How I built around it.
I built protected routes with Angular Router guards, a two-step reactive registration flow for account and insulin settings, localStorage-backed session/settings state, Spoonacular ingredient normalization, signal-driven carb totals, shared calculator service calls, Flowbite/Tailwind layouts, and persistent dark mode. The project is intentionally framed as an educational frontend, not a clinically validated medical device.
Meal Browser
Insulin Calculator
Recipe Dosage
Profile Settings
Registration Settings