Una aplicación de gestión de tareas moderna y elegante con diseño Glassmorphism, diseñada para una experiencia de usuario fluida y profesional. Integra:
- Diseño: Uso de Glassmorphism, gradientes armónicos y tipografía moderna (Google Fonts).
- Sección de Estadísticas: Panel interactivo para el seguimiento de tareas totales, hechas y pendientes.
- Sección de Tareas: Listado dinámico con filtros (Todas, Pendientes, Hechas) y opción de limpieza masiva.
- Micro-interacciones: Transiciones suaves, animaciones de hover y estados activos que mejoran la experiencia de usuario (UX).
- Optimización Mobile-First: Layout totalmente responsivo y adaptado para dispositivos táctiles usando unidades modernas (
dvh).
- HTML5: Estructura semántica avanzada para SEO y accesibilidad.
- CSS3 Puro:
- Variables CSS: Sistema de diseño centralizado para colores, espacios y fuentes.
- Flexbox & Grid: Layouts robustos y modernos sin frameworks externos.
- BEM Methodology: Nomenclatura de clases estricta (
bloque__elemento--modificador) para un CSS mantenibles.
- JavaScript (ES6+):
- Manipulación eficiente del DOM y eventos delegados.
- Generación de identificadores únicos con
crypto.randomUUID(). - Persistencia de datos en tiempo real con LocalStorage.
- Git & GitHub: Control de versiones y despliegue continuo.
A continuación se muestra una referencia visual del diseño actual:
- Sitio en vivo: Ver Proyecto
El proyecto se encuentra en un estado funcional avanzado, cumpliendo los requisitos de:
- Diseño Responsivo (Mobile, Tablet, Desktop).
- Accesibilidad Web básica.
- Gestión de estado persistente.
Próximos Pasos:
- Integración de animaciones de entrada con Scroll Reveal (manteniendo CSS puro).
- Implementación de edición de tareas inline.
- Optimización de activos y soporte para temas dinámicos.