https://github.com/kenkyoo/list-js
Gestor de tareas avanzado con funcionalidades como búsqueda, edición, eliminación, arrastrar y soltar, y filtros dinámicos.
https://github.com/kenkyoo/list-js
html javascript listjs mdbootstrap parcel sass scss sortable sortable-lists sortablejs task-manager tasks-list todolist
Last synced: about 2 months ago
JSON representation
Gestor de tareas avanzado con funcionalidades como búsqueda, edición, eliminación, arrastrar y soltar, y filtros dinámicos.
- Host: GitHub
- URL: https://github.com/kenkyoo/list-js
- Owner: Kenkyoo
- Created: 2024-11-30T07:34:27.000Z (6 months ago)
- Default Branch: main
- Last Pushed: 2024-11-30T07:50:29.000Z (6 months ago)
- Last Synced: 2025-04-01T09:07:40.651Z (about 2 months ago)
- Topics: html, javascript, listjs, mdbootstrap, parcel, sass, scss, sortable, sortable-lists, sortablejs, task-manager, tasks-list, todolist
- Language: JavaScript
- Homepage: https://list-js-coral.vercel.app
- Size: 33.2 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Lista de Tareas Dinámica
Una aplicación de lista de tareas completa y funcional, creada con la librería **List.js**. Permite gestionar tareas con múltiples características avanzadas como añadir, editar, eliminar, buscar, arrastrar y filtrar.
## 🚀 Funcionalidades
- **Añadir tareas**: Crea nuevas tareas con nombre, responsable y prioridad.
- **Editar y eliminar**: Modifica o elimina cualquier tarea fácilmente.
- **Búsqueda en tiempo real**: Filtra tareas ingresando palabras clave.
- **Ordenación**: Ordena la lista por diferentes criterios, como tarea, responsable o prioridad.
- **Filtrado**: Filtra las tareas según su prioridad (Alta, Media o Baja).
- **Arrastrar y soltar**: Reorganiza las tareas manualmente con un sistema intuitivo.
- **Diseño responsivo**: Adaptado para dispositivos móviles y de escritorio.
## 🛠️ Tecnologías Utilizadas
- **HTML5**: Estructura de la aplicación.
- **SCSS/CSS**: Estilizado usando SCSS y **MDB UI Kit**.
- **JavaScript**: Manejo de eventos, interacción y lógica principal.
- **List.js**: Para búsqueda, filtrado y ordenación.
- **Sortable.js**: Implementación de arrastrar y soltar.
- **Parcel**: Bundler para desarrollo y producción.
🌟 Características Adicionales
Filtros avanzados: Por prioridad con opciones para limpiar los filtros fácilmente.
Animaciones: Integra animaciones suaves para una mejor experiencia.
Compatibilidad: Diseño y funcionalidades compatibles con navegadores modernos.
📄 Licencia
Este proyecto está bajo la licencia MIT License.