Una aplicación de gestión de tareas de alto rendimiento construida con las últimas innovaciones del ecosistema Angular. Este proyecto ha sido auditado para garantizar eficiencia, reactividad pura y compatibilidad cross-browser.
Demo en vivo: https://mydayapp-9a59e.web.app/
Este proyecto no utiliza la detección de cambios tradicional. Se ha implementado bajo estándares modernos:
- Angular 21 (Zoneless): Configurada con
provideExperimentalZonelessChangeDetection()para eliminar la dependencia dezone.js, logrando aplicaciones más ligeras y rápidas. - Gestión de Estado con Signals: Uso intensivo de
signal,computedyeffectpara una reactividad granular y predecible. - Control Flow Syntax: Implementación de
@if,@fory@switchpara un renderizado de plantillas más limpio y eficiente. - Persistencia: Sincronización automática con
LocalStoragemediante efectos reactivos. - Despliegue: Hosting profesional en Firebase.
- Creación de Tareas: Input optimizado con validaciones mediante
ReactiveFormsModule. - Filtros Inteligentes: Visualización dinámica de tareas (Todas, Pendientes, Completadas) mediante señales computadas.
- Edición en Tiempo Real: Modo de edición con doble clic y guardado automático.
- Limpieza Masiva: Borrado de tareas completadas de forma atómica.
- Contador Dinámico: Resaltado visual de tareas pendientes según el filtro activo.
- Auditada para Navegadores: Corrección de errores de renderizado específicos de Firefox (
DOMException).
- Clonar el repositorio:
git clone https://github.com/luiscacuango2/todoapp.git
- Instalar dependencias:
npm install
- Servidor de desarrollo:
Navega a
ng serve
http://localhost:4200/ - Producción (Build):
ng build
src/app/pages/home/: Componente principal con la lógica de negocio.src/app/models/: Definición de interfaces de datos (Entes).src/app/app.config.ts: Configuración Zoneless y Providers.
Desarrollado con enfoque en Clean Code y Arquitectura Reactiva.
Este proyecto fue posible gracias al estudio de documentación avanzada y el apoyo de la comunidad de Angular:
- Angular.dev: Por la documentación oficial sobre Signals y la nueva sintaxis de control de flujo.
- Angular University: Por sus guías profundas sobre el modo Zoneless y optimización de Change Detection.
- TodoMVC: Por proporcionar el estándar de diseño y funcionalidad para aplicaciones de gestión de tareas.
- Comunidad Open Source: Por las herramientas de auditoría y testing que facilitan el desarrollo cross-browser.
Este proyecto es el resultado de mi aprendizaje en Platzi. Gracias a sus cursos de Angular, pude dominar conceptos avanzados como la gestión de estado con Signals, la optimización del rendimiento con el modo Zoneless y las mejores prácticas para el despliegue de aplicaciones modernas.
"Nunca pares de aprender"
Este proyecto está bajo la Licencia MIT. Esto significa que eres libre de usarlo, copiarlo y modificarlo, siempre que mantengas la atribución original.
Consulta el archivo LICENSE para más detalles.
¡Las contribuciones son lo que hacen de la comunidad de código abierto un lugar increíble para aprender, inspirar y crear! Cualquier aportación que hagas será muy apreciada.
Si tienes alguna sugerencia para mejorar este "ente" reactivo, por favor consulta nuestra guía detallada:
Guía de Contribución (CONTRIBUTING.md)
- Haz un Fork del proyecto.
- Crea una rama para tu mejora (
git checkout -b feature/MejoraIncreible). - Realiza tus cambios y haz un commit (
git commit -m 'Add: Nueva funcionalidad'). - Haz un Push a la rama (
git push origin feature/MejoraIncreible). - Abre un Pull Request.
Desarrollado con dedicación por Luis Cacuango – Perfil de GitHub
"Construyendo el futuro del frontend, una señal a la vez."