Español

Demo avanzada

FitEcosystem: plataforma de entrenamiento y nutrición con catálogo de profesionales

Entrena y come mejor: rutinas, nutrición y progreso, con una demo que corre sin servidor.

Tipo
Frontend App · Fitness y salud
Estado
Demo
Rol
Frontend completo, adaptación a demo estática y publicación
Tecnología
Next.js · React · TypeScript
Captura de FitEcosystem, demo web de DARVIA

Qué se planteó

Quien empieza a entrenar recibe rutinas genéricas que ignoran lesiones, tiempo y material disponible, y sus planes, medidas y comidas viven en sitios distintos.

FitEcosystem es una demo del estudio, diseñada, desarrollada y publicada por DARVIA: no responde a un encargo de un cliente ni acredita resultados comerciales.

Qué construimos

Plataforma para entrenar y comer mejor: rutinas y planes de nutrición generados con reglas de seguridad, seguimiento de progreso, catálogo de entrenadores, nutricionistas y gimnasios, y paneles para profesionales y administración. Esta demo corre entera en el navegador, sin servidor.

Decisión técnica clave

Next.js con exportación estática. El API de Django se sustituye en el navegador por un enrutador que responde con las mismas rutas y formas JSON, datos reales capturados del backend y los cambios guardados en localStorage. Los generadores de rutinas y de nutrición, escritos en Python, se portaron a TypeScript con sus pruebas.

Qué puedes comprobar y qué queda fuera

Puedes comprobar

Las pantallas de entrenamiento, nutrición, progreso y los paneles de profesionales con datos de demostración.

Límites del proyecto

Es una demo estática sin servidor: los cambios se guardan en este navegador con localStorage. No hay cuentas compartidas, seguimiento profesional ni servicio de salud operativo.

Qué demuestra

Un solo lugar para generar un plan seguro, registrar lo que haces y encontrar a un profesional. Los entrenadores y nutricionistas asignan planes a sus clientes, y la administración modera el catálogo.

La tecnología detrás del proyecto

  • Next.js
  • React
  • TypeScript
  • Tailwind
  • TanStack Query
  • Demo estática

¿Quieres algo así para tu negocio?

Siguiente caso

Seguir explorandoAuroraUX diferente con base en la interacción y la narrativa gastronómica del cliente.