CarbWatch
Busca ingredientes, calcula carbohidratos y estima insulina desde ajustes del usuario.
Visitar sitio web
CARBWATCH· HERO · 16:9Proyecto final frontend en Angular, originalmente llamado koolyhealth y presentado en la UI como CarbWatch. Los usuarios pueden registrarse, iniciar sesión, gestionar ajustes de carbohidratos/insulina, buscar ingredientes con Spoonacular, crear listas de ingredientes consumidos, calcular totales de carbohidratos, estimar dosis de insulina y navegar recetas servidas por backend.
Construido en un equipo estudiantil agile/Scrum donde trabajé como frontend developer y Scrum Master. Mi trabajo incluyó el scaffold Angular, rutas, auth guard, flujos de login/register/settings, búsqueda de ingredientes, cableado de calculadora, pasada UI con Tailwind/Flowbite, dark mode y buena parte de la limpieza final de templates.
Qué estaba bloqueando el avance.
La app necesitaba combinar ajustes de cuenta, datos nutricionales de ingredientes, cantidades consumidas, páginas de recetas y cálculo de insulina de una forma que siguiera siendo entendible dentro del alcance frontend de un proyecto escolar.
Cómo lo resolví.
Construí rutas protegidas con Angular Router guards, un registro reactivo en dos pasos para cuenta y ajustes de insulina, estado de sesión/settings en localStorage, normalización de ingredientes Spoonacular, totales de carbohidratos con signals, llamadas compartidas a un servicio de calculadora, layouts con Flowbite/Tailwind y dark mode persistente. El proyecto está presentado deliberadamente como frontend educativo, no como dispositivo médico validado clínicamente.
Explorador de comidas
Calculadora de insulina
Dosificación por receta
Ajustes de perfil
Ajustes de registro