Esta aplicación es una lista de tareas funcional y dinámica creada con HTML, CSS y JavaScript. Permite añadir, completar y eliminar tareas, además de guardar las tareas en el almacenamiento local del navegador. El proyecto incluye estilos personalizados, un diseño responsivo con Bootstrap y está desplegado utilizando un bucket S3 de AWS para hosting estático.
- Añadir tareas:
- Escribe una tarea en el campo de texto y presiona el botón "Añadir" o la tecla Enter para agregarla a la lista.
- Completar tareas:
- Haz clic en una tarea para marcarla como completada o desmarcarla.
- Eliminar tareas:
- Haz clic en el ícono de la "X" junto a una tarea para eliminarla.
- Mensajes de confirmación:
- Se muestra un tooltip en la esquina inferior derecha al añadir o eliminar tareas.
- Guardado local:
- Las tareas se guardan automáticamente en
localStoragepara que se mantengan incluso después de cerrar el navegador.
- Las tareas se guardan automáticamente en
- HTML5: Estructura del proyecto.
- CSS3: Estilización personalizada con soporte para clases de Bootstrap.
- JavaScript: Manejo de la lógica de la aplicación.
- Bootstrap 5: Diseño responsivo y componentes prediseñados.
- AWS S3: Hosting estático para el despliegue de la aplicación.
- Clona este repositorio:
git clone https://github.com/tu-usuario/todo-webapp.git
- Abre el archivo
index.htmlen tu navegador.
index.html: Estructura HTML de la aplicación.css/style.css: Estilos personalizados.js/script.js: Lógica y comportamiento de la aplicación.
- Abre la aplicación en el navegador.
- Escribe una tarea en el campo de texto.
- Presiona el botón "Añadir" o la tecla Enter para agregar la tarea a la lista.
- Marca una tarea como completada haciendo clic en ella.
- Elimina una tarea haciendo clic en el ícono de "X".
- Observa los tooltips que aparecen al realizar acciones.
Puedes ver una demostración en vivo de esta aplicación en el siguiente enlace: Live Demo
Esta aplicación está desplegada utilizando un bucket S3 de AWS para hosting estático.
- Implementar categorías para clasificar las tareas.
- Agregar fecha de vencimiento a las tareas.
- Desarrollado por Diego Sesmero Fernández.
