MindBloom - Prototipo de Webapp de Salud Mental

Archivos del Proyecto

Este proyecto contiene los siguientes archivos:

1. mindbloom_final.html - Archivo HTML principal con estructura limpia y referencias a CSS/JS
2. mindbloom_style.css - Todos los estilos, variables CSS, media queries y animaciones
3. mindbloom_script.js - Código JavaScript con todas las funcionalidades
4. all.min.css - Biblioteca FontAwesome para iconos (referenciada desde CDN)

Características Implementadas

• Diseño "Minimalismo Empático" con modo oscuro/claro
• Navegación responsive con menú hamburguesa
• Check-in emocional interactivo
• Sección de herramientas y recursos
• Presentación de especialistas como equipo de apoyo
• Animaciones y microinteracciones
• Switcher de tema con persistencia
• Scroll suave entre secciones

Cómo Usar

1. Descarga todos los archivos a la misma carpeta
2. Abre mindbloom_final.html en tu navegador
3. Para desarrollo local, puedes modificar los archivos CSS y JS

Estructura del Proyecto

• HTML: Estructura semántica con secciones para hero, check-in emocional, herramientas, especialistas y footer
• CSS: Variables en :root, diseño mobile-first, media queries para responsive y animaciones @keyframes
• JavaScript: Funcionalidades para navegación, check-in emocional, tema oscuro/claro y animaciones de scroll

Notas

• El proyecto usa la fuente Inter de Google Fonts
• Diseñado bajo el enfoque "mobile-first"
• Optimizado para accesibilidad