Esta es una aplicación web simple de lista de tareas que te permite agregar, editar, eliminar y marcar como completadas tus tareas. También puedes organizar las tareas arrastrando y soltando gracias a la biblioteca "Sortable".
- Agregar nuevas tareas con título, descripción y fecha.
- Editar tareas existentes, cambiar su título, descripción y estado de completado.
- Marcar tareas como completadas.
- Eliminar tareas de la lista.
- Ordenar tareas arrastrándolas y soltándolas.
- Mostrar y ocultar la fecha de cada tarea.
- HTML
- CSS (con estilos personalizados en
style.css) - JavaScript (con la biblioteca "Sortable" para la funcionalidad de arrastrar y soltar)
- Ionicons para los iconos
- [Figma] (https://www.figma.com/file/FbYQPs11OlENaPAPA1mIHb/Untitled?type=design&node-id=0-1&mode=design&t=Bo8u1728AqNj0J6x-0) para el diseño y prototipado
- Sortable para la funcionalidad de arrastrar y soltar tareas en la lista
- Clona este repositorio en tu máquina local.
- Abre el archivo
index.htmlen tu navegador web. - Para agregar una nueva tarea, ingresa un título, una descripción y selecciona una fecha. Luego, haz clic en el botón "+".
- Puedes editar una tarea haciendo clic en el ícono de edición. Para guardar los cambios, haz clic en el ícono de guardar.
- Marca una tarea como completada haciendo clic en el ícono de checkmark.
- Elimina una tarea haciendo clic en el ícono de basura.
- Ordena las tareas arrastrándolas y soltándolas utilizando el icono de arrastrar.
- Las tareas completadas tendrán un fondo coloreado y las fechas se mostrarán al hacer clic en el icono de calendario.
Este proyecto es de código abierto y las contribuciones son bienvenidas. Si deseas agregar nuevas características, corregir errores o mejorar el diseño, ¡siéntete libre de hacer un fork y enviar un pull request!
Este proyecto está bajo la Licencia MIT. Para más detalles, consulta el archivo LICENSE.
¡Disfruta organizando tus tareas con nuestra aplicación de lista de tareas!