https://github.com/codegeekr/tranquiapp
Project Frontend Bootstrap
https://github.com/codegeekr/tranquiapp
bootstrap5 html5 javascript
Last synced: 11 months ago
JSON representation
Project Frontend Bootstrap
- Host: GitHub
- URL: https://github.com/codegeekr/tranquiapp
- Owner: CodeGeekR
- Created: 2024-03-22T14:12:19.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-03-22T18:45:38.000Z (almost 2 years ago)
- Last Synced: 2025-01-01T04:52:55.792Z (about 1 year ago)
- Topics: bootstrap5, html5, javascript
- Language: HTML
- Homepage: https://codegeekr.github.io/TranquiApp/
- Size: 2.07 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# TranquiApp
Este proyecto es una aplicación web de monitoreo de salud mental y estrés llamada TranquiApp. Proporciona funcionalidades para el registro de usuarios, inicio de sesión, cuestionario psicológico y recomendaciones basadas en IA.
## Estructura del proyecto
```
TranquiApp
├── css
│ └── styles.css
├── js
│ └── main.js
├── img
├── index.html
├── login.html
├── register.html
├── questionnaire.html
└── README.md
```
## Archivos
- `css/styles.css`: Este archivo contiene los estilos personalizados para el proyecto, incluyendo estilos para el diseño moderno, colores, animaciones de desplazamiento y estilos de formularios utilizando Bootstrap 5.
- `js/main.js`: Este archivo contiene el código JavaScript para el proyecto, incluyendo la funcionalidad para la aplicación de monitoreo de salud mental y estrés. Aquí se implementará la lógica para el registro de usuarios, inicio de sesión, preguntas psicológicas y recomendaciones basadas en IA.
- `img/`: Esta carpeta contiene las imágenes utilizadas en el proyecto, incluyendo las ilustraciones que explican las funcionalidades de la aplicación y cualquier otra imagen necesaria para el diseño de la página de inicio.
- `index.html`: Este archivo es la página de inicio de la aplicación. Aquí se explicarán las funcionalidades de la aplicación y se mostrarán las imágenes ilustrativas. El diseño de la página de inicio será moderno, con colores y estilos que se ajusten a la temática psicológica de la aplicación. Se utilizarán animaciones de desplazamiento y se incluirá un encabezado con una barra de navegación utilizando Bootstrap 5 y un pie de página con iconos de redes sociales utilizando Bootstrap CDN.
- `login.html`: Este archivo es la página de inicio de sesión de la aplicación. Aquí los usuarios podrán ingresar sus credenciales para acceder a la aplicación.
- `register.html`: Este archivo es el formulario de registro de usuarios. Aquí se incluirán preguntas básicas para el registro de usuarios.
- `questionnaire.html`: Este archivo es el cuestionario que se activará cuando el usuario inicie sesión. Aquí se realizarán una serie de preguntas psicológicas que determinarán las recomendaciones utilizando IA.
## Instrucciones de instalación y uso
1. Clona este repositorio en tu máquina local.
2. Abre el archivo `index.html` en tu navegador web.
3. Explora las funcionalidades de la aplicación y sigue las instrucciones en pantalla.
¡Disfruta de TranquiApp y cuida tu salud mental y bienestar emocional!