Todo List - JavaScript Vanilla & Vite 📋

Este proyecto es una aplicación de lista de tareas (Todo List) desarrollada con JavaScript vanilla, utilizando Vite para la configuración del entorno de desarrollo. Inspirada en el diseño minimalista de Sindre Sorhus, la aplicación permite a los usuarios gestionar sus tareas pendientes, completadas y todas en una interfaz sencilla y funcional.

Características Principales

Gestión de Tareas

• Agregar Tareas: Permite a los usuarios añadir nuevas tareas a la lista con una descripción.
• Marcar como Completada: Posibilidad de marcar las tareas como completadas o pendientes.
• Eliminar Tareas: Funcionalidad para eliminar tareas individuales o todas las completadas.
• Filtrado de Tareas: Filtrar las tareas para ver todas, solo las pendientes o solo las completadas.

Almacenamiento Local

• Persistencia de Datos: Utiliza localStorage para guardar el estado de las tareas y el filtro seleccionado, asegurando que los datos se mantengan entre sesiones.

Diseño Modular

• Código Organizado: El código está dividido en módulos para mejorar la legibilidad y mantenimiento, siguiendo las mejores prácticas aprendidas en el curso de JavaScript de Fernando Herrera en Udemy.

Tecnologías Utilizadas

• JavaScript: Lenguaje principal para la lógica de la aplicación, gestión de tareas y manipulación del DOM.
• HTML & CSS: Estructura y estilos básicos del proyecto, basados en el diseño de Sindre Sorhus.
• Vite: Herramienta de desarrollo rápida para proyectos web modernos, utilizada para la configuración del entorno de desarrollo.
• localStorage: Para guardar y recuperar el estado de las tareas y el filtro seleccionado entre sesiones.

Instrucciones de Uso

1. Agregar Tareas: Escribe una descripción en el campo de entrada y presiona "Enter" para agregar una nueva tarea a la lista.
2. Marcar Tareas: Haz clic en la tarea para marcarla como completada o pendiente.
3. Eliminar Tareas: Haz clic en el botón de eliminar para borrar una tarea específica, o en el botón de eliminar completadas para borrar todas las tareas completadas.
4. Filtrar Tareas: Usa los filtros para ver todas las tareas, solo las pendientes o solo las completadas.

Instalación y Ejecución

Para correr el proyecto localmente, sigue estos pasos:

1. Clona este repositorio:

   git clone git@github.com:Kuro-98/todolist-vite.git

2. Navega al directorio del proyecto:

   cd todo-list

3. Instala las dependencias:

   npm install

4. Ejecuta la aplicación en modo desarrollo:

   npm run dev

Créditos

Este proyecto fue desarrollado gracias a los conocimientos adquiridos en el curso de JavaScript de Fernando Herrera en Udemy y con la inspiración del diseño de Sindre Sorhus.

---