Skip to content

Malibu54/toDo-list

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

77 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

📘 Control de Trabajos Prácticos (ToDo List)

Una aplicación web sencilla y funcional para llevar el control de trabajos prácticos (TPs) realizados y pendientes. Permite agregar, marcar como completadas y ordenar tareas, todo con una interfaz amigable y notificaciones visuales.


🚀 Características principales

  • 📝 Agregar nuevos trabajos prácticos de forma sencilla.
  • ✅ Marcar tareas como completadas con un solo clic.
  • 📥 Ordenar la lista para priorizar tareas pendientes.
  • 💾 Guardado automático en localStorage para mantener las tareas entre sesiones.
  • 🔔 Notificaciones visuales con SweetAlert2.
  • 🗓 Muestra la fecha actual con formato amigable.

🧑‍💻 Cómo funciona

➕ Agregar una tarea

  1. Escribe el nombre del trabajo práctico en el campo "Nueva tarea".
  2. Presiona Enter o haz clic en el botón ➕ para agregarlo.
  3. Aparecerá un mensaje confirmando que la tarea fue agregada.

✅ Finalizar una tarea

  • Haz clic sobre una tarea para marcarla como completada.
  • Se actualizará su estilo (tachado) para indicar su estado.

🔃 Ordenar tareas

  • Presiona el botón Ordenar para mover las tareas pendientes arriba y las completadas abajo.

🖥 Captura de pantalla

  • Inicio

  • Con tareas por hacer, en curso yo finalizadas


💾 Persistencia de datos

Todos los TPs que agregues se guardan en el navegador mediante localStorage. Esto significa que aunque cierres o recargues la página, tus tareas seguirán ahí.


📦 Tecnologías utilizadas

  • HTML5 + CSS3 (responsivo y moderno)
  • JavaScript Vanilla
  • SweetAlert2 para notificaciones
  • localStorage para persistencia

📚 Futuras mejoras - In progress

  • Editar tareas existentes.
  • Filtro por estado (pendiente, completado).
  • Modo oscuro.
  • Integración con usuario de GitHub para avatar (pendiente o desactivado actualmente).
  • Eliminar tareas individuales o todas.

🧪 Cómo usar este proyecto

  1. Clona o descarga este repositorio.
  2. Abre index.html en tu navegador.
  3. ¡Empieza a gestionar tus TPs!

💡 Autor

Creado con ❤️ por Lady Vader

About

ToDo List

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published