🧠 Anto - Sitio Web Oficial
Sitio web moderno y profesional para Anto, aplicación móvil de bienestar emocional con IA (versión app Expo: 1.5.0). Desarrollado con Next.js 14, TypeScript, y optimizado para rendimiento, accesibilidad y SEO.
El historial público de versiones y novedades de la app está en /changelog.
📋 Sobre Anto
Anto es una aplicación móvil de salud mental que utiliza inteligencia artificial para ofrecer apoyo emocional personalizado. No sustituye la atención de un profesional de la salud mental ni proporciona diagnóstico clínico. La aplicación ofrece:
- 🤖 Asistente de IA (bienestar emocional): Chat con OpenAI GPT-5.4 Mini, tono profesional y práctico. Escalas PHQ-9/GAD-7, protocolos estructurados, hub de técnicas, grafo de insights y memoria de temas recurrentes. En v1.5.0: home/dashboard renovado, tareas/hábitos unificados, sesión persistente y WAI post-sesión
- 📊 Análisis Emocional Avanzado: Detección de patrones emocionales, evaluación clínica automática y reportes profesionales con estadísticas detalladas
- 🚨 Detección de Crisis: Sistema de alertas tempranas para situaciones de riesgo
- 🛠️ Herramientas de Bienestar: Ejercicios, meditaciones y recursos de salud mental
- 🔒 Privacidad y Seguridad: Las conversaciones viajan cifradas entre tu teléfono y nuestros servidores. Solo tú accedes a tu cuenta.
- 📈 Reportes Profesionales: Análisis detallado de progreso con escalas clínicas y estadísticas de distorsiones cognitivas
🎯 Respaldado por Ciencia
Anto está respaldado por estudios científicos publicados en revistas reconocidas:
- Fitzpatrick et al. (2017) - Efectividad de chatbots terapéuticos (JMIR Mental Health)
- Firth et al. (2019) - Meta-análisis de apps móviles de salud mental (World Psychiatry)
- Vaidyam et al. (2022) - Chatbots de IA en salud mental (npj Digital Medicine)
- Torok et al. (2023) - Prevención de suicidio con intervenciones digitales (JAMA Network Open)
📖 Ver todos los estudios: Página de Investigación
✨ Características del Sitio Web
🎨 Diseño y UX
- ✅ Diseño moderno y responsive (mobile-first)
- ✅ Animaciones suaves y microinteracciones
- ✅ Efectos 3D y partículas
- ✅ Modo oscuro optimizado
- ✅ Breadcrumbs en todas las páginas
- ✅ Tooltips informativos
- ✅ Loading states mejorados
♿ Accesibilidad
- ✅ Cumplimiento WCAG 2.1 AA
- ✅ Navegación por teclado
- ✅ Lectores de pantalla compatibles
- ✅ Contraste de colores optimizado
- ✅ Control de tamaño de fuente
- ✅ Modo de alto contraste
- ✅ Reducción de animaciones (respetando
prefers-reduced-motion)
📱 PWA (Progressive Web App)
- ✅ Service Worker para funcionamiento offline
- ✅ Instalable en dispositivos móviles
- ✅ Manifest.json configurado
- ✅ Iconos y splash screens
🚀 Performance
- ✅ Optimización de imágenes con Next.js Image (AVIF, WebP)
- ✅ Code splitting automático
- ✅ Prefetching inteligente de rutas
- ✅ Lazy loading de imágenes y recursos
- ✅ Service Worker para caché
- ✅ Monitoreo de Web Vitals (LCP, FID, CLS)
🔍 SEO
- ✅ Metadata dinámica con Next.js
- ✅ Sitemap.ts generado automáticamente
- ✅ Robots.ts configurado
- ✅ Schema.org markup
- ✅ Open Graph y Twitter Cards
- ✅ URLs canónicas
📊 Monitoreo
- ✅ Error tracking (JavaScript errors, unhandled promises)
- ✅ Real User Monitoring (RUM) - LCP, FID, CLS
- ✅ Google Analytics integrado
- ✅ User metrics (clicks, scroll depth, time on page)
📱 Optimizaciones por Dispositivo
- ✅ Detección automática de dispositivo (mobile, tablet, desktop, foldables)
- ✅ Optimizaciones táctiles (áreas táctiles más grandes, gestos swipe)
- ✅ Feedback háptico
- ✅ Optimización de scroll táctil
📄 Páginas Disponibles
/ - Página principal con todas las características/comparar - Comparación con otras soluciones/investigacion - Estudios científicos y evidencia/seguridad - Información sobre seguridad y privacidad/sobre-nosotros - Acerca del equipo y la misión/contacto - Formulario de contacto y redes sociales/desarrollo - Proceso de desarrollo y arquitectura técnica/recursos - Biblioteca de recursos educativos/privacidad - Política de privacidad/terminos - Términos y condiciones
🛠️ Tecnologías Utilizadas
Frontend
- Next.js 14 - Framework React con App Router
- React 18 - Biblioteca de UI
- TypeScript - Tipado estático
- CSS Modules - Estilos modulares
Estructura de Estilos
- CSS modular por componentes
- Variables CSS para temas
- Animaciones CSS optimizadas
- Responsive design con media queries
Estructura de Código
- Componentes React reutilizables
- Hooks personalizados para lógica
- Utilidades TypeScript
- Inicialización centralizada
여기까지가 README 앞부분입니다. 나머지는 원문에서 읽을 수 있습니다. README 전문 보기 ↗
