La aplicación permite a los usuarios llevar un registro de su alimentación y actividad física diaria, además de incorporar estadísticas útiles para evaluar la salud y el progreso semanal del usuario.
Dentro de la carpeta otros, puede encontrar un informe con el detalle de cada funcionalidad, además de un link a la plataforma Figma, la cual fue utilizada para diseñar las interfaces y las interacciones básicas de la aplicación.
Para esta primera entrega, se implementó la maquetación responsiva de las vistas utilizando los frameworks React (JS) y Tailwind (CSS) y la validación de formularios. Al ejecutar la aplicación, se mostrará un menú con los enlaces a cada interfaz. También es posible seguir el flujo normal de la aplicación si lo desea, ingresando a la vista de Iniciar Sesión (Login) y navegando con los botones.
- Instalar NodeJS y Python 3.x
- Instalar Ionic
npm install -g @ionic/cli
(Cerrar e iniciar sesión para refrescar el PATH)
-
Instalar XAMPP y ejecutar MySQL
-
Abrir una terminal de Windows
-
Clonar el repositorio con el comando
git clone https://github.com/cykrr/salud-ionic.git -
Moverse a la carpeta del proyecto con
cd salud-ionic -
Instalar las dependencias del frontend con
npm install -
Instalar las dependencias del backend con
pip install -r requirements.txt -
Ejecutar el backend Flask con
.\run_api_dev.cmd -
Ejecutar el frontend con
ionic serve -
En caso de no poder establecer la comunicación con la base de datos corregir la URL del backend en el archivo
.env.development. -
Listo!