El problema
Las aplicaciones de conteo de calorías disponibles eran lentas, pesadas y requerían conexión permanente. Las bases de productos solían estar incompletas y el seguimiento de macronutrientes era incómodo.
Fitston — un contador de calorías que no estorba
Una PWA para el seguimiento de calorías y macronutrientes, creada desde cero — porque ninguna aplicación disponible funcionaba como debía. El case study se amplía junto con el producto.
PWANext.jsTypeScriptMongoDB
La solución
Una PWA minimalista que funciona en el navegador: rápida, con una amplia base de productos y un perfil nutricional completo — desde la energía, pasando por grasas e hidratos, hasta 12 minerales y 14 vitaminas.
Arquitectura
Next.js en el frontend, Fastify en el backend, MongoDB como base de datos. Cliente y servidor intercambian datos mediante una API REST con autenticación JWT.
Client — PWA Next.js
React + TypeScript + Sass. Interfaz en el navegador, instalable en el dispositivo.
Server — Fastify
API REST con helmet, rate-limit y saneamiento de datos MongoDB (protección contra inyección NoSQL).
Funciones clave
Lo que distingue a Fitston de un contador de calorías típico.
Escáner de códigos de barras
Añade productos del estante en segundos — sin escribir a mano.
Perfil nutricional completo
265 productos en la base, cada uno con perfil completo: energía, grasas (incluidos omega-3/6/9), fibra, proteínas, 12 minerales y 14 vitaminas.
Objetivos de macronutrientes
Objetivos personalizables de kcal, proteínas, grasas e hidratos — desglosados en gramos y porcentajes.
Míralo en acción
Capturas de producción — sin imágenes de stock, pantallas reales del sistema en uso.
Stack tecnológico
TypeScriptNext.jsReactPWASassFastifyMongoDBChart.js