Skip to content

sesmerov/To-Do-WebApp

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

10 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

To-Do WebApp

Descripción

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.

Funcionalidades

  1. 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.
  2. Completar tareas:
    • Haz clic en una tarea para marcarla como completada o desmarcarla.
  3. Eliminar tareas:
    • Haz clic en el ícono de la "X" junto a una tarea para eliminarla.
  4. Mensajes de confirmación:
    • Se muestra un tooltip en la esquina inferior derecha al añadir o eliminar tareas.
  5. Guardado local:
    • Las tareas se guardan automáticamente en localStorage para que se mantengan incluso después de cerrar el navegador.

Tecnologías utilizadas

  • 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.

Instalación

  1. Clona este repositorio:
    git clone https://github.com/tu-usuario/todo-webapp.git
  2. Abre el archivo index.html en tu navegador.

Archivos principales

  • index.html: Estructura HTML de la aplicación.
  • css/style.css: Estilos personalizados.
  • js/script.js: Lógica y comportamiento de la aplicación.

Cómo usar

  1. Abre la aplicación en el navegador.
  2. Escribe una tarea en el campo de texto.
  3. Presiona el botón "Añadir" o la tecla Enter para agregar la tarea a la lista.
  4. Marca una tarea como completada haciendo clic en ella.
  5. Elimina una tarea haciendo clic en el ícono de "X".
  6. Observa los tooltips que aparecen al realizar acciones.

Captura de pantalla

Captura de pantalla

Live Demo

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.

Mejoras futuras

  • Implementar categorías para clasificar las tareas.
  • Agregar fecha de vencimiento a las tareas.

Créditos

  • Desarrollado por Diego Sesmero Fernández.

About

Lista de tareas funcional y dinámica

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors