https://github.com/codegeekr/web_tranquiapp

Landing page for Application web Emotional Monitoring Assistant.
https://github.com/codegeekr/web_tranquiapp

Last synced: about 8 hours ago
JSON representation

Landing page for Application web Emotional Monitoring Assistant.

• Host: GitHub
• URL: https://github.com/codegeekr/web_tranquiapp
• Owner: CodeGeekR
• Created: 2024-04-23T23:13:37.000Z (7 months ago)
• Default Branch: main
• Last Pushed: 2024-05-07T15:46:33.000Z (6 months ago)
• Last Synced: 2024-05-14T00:27:37.953Z (6 months ago)
• Language: CSS
• Size: 911 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
Proyecto Web Front-End: TranquiApp




    

        

    

    

        

    

    

        

    



Este proyecto es una aplicación web de monitoreo de salud mental y estrés. 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!