Este proyecto es el frontend de una aplicación que predice la calidad de vida. Desarrollado con React y Vite, se encarga de la interfaz de usuario, la interacción con la API de predicción (backend) y la visualización de los resultados. Permite a los usuarios ingresar variables y recibir una predicción de calidad de vida de forma intuitiva.

• Frontend Predicción Calidad de Vida   - Introducción
• README   - Tabla de contenido   - Requerimientos   - Instalación   - Uso   - Author   - License   - Documentación

Platform	Language	IDE	Frameworks & Libraries
			react, react-dom, react-router-dom, react-redux, redux, zustand, bootstrap

• Clonar el repositorio

git clone <URL-del-repositorio-frontend>

• Instalar dependencias

npm install
# o si usas yarn
# yarn install

Si no tienes el archivo package.json, puedes instalar manualmente:

bootstrap@^5.3.3
react@^19.1.0
react-dom@^19.1.0
react-redux@^9.2.0
react-router-dom@^7.6.1
redux@^5.0.1
zustand@^5.0.5

• Configurar variables de entorno (si aplica)   Crea un archivo .env en la raíz del proyecto para definir variables de entorno, como la URL de tu API backend.

  Ejemplo de .env:

VITE_API_URL=http://localhost:5000

• Ejecutar la aplicación

npm run dev
# o si usas yarn
# yarn dev

Una vez que el frontend esté en ejecución, podrás acceder a la aplicación web a través de tu navegador (normalmente en http://localhost:5173/).

La aplicación te permitirá:

• Ingresar las 29 variables necesarias para la predicción de calidad de vida.
• Enviar los datos a la API backend.
• Visualizar el resultado de la predicción de manera clara.

Asegúrate de que tu API backend esté funcionando para que el frontend pueda realizar las peticiones correctamente.

Julio Alvarez, linkedin. Juan Carlos Ruales, linkedin.

README is available under the license. See the LICENSE file for more info.

No hay una documentación específica del frontend aparte de este README. Para la documentación de la API backend, consulta su propio README o accede a su Swagger UI si está disponible.