Skip to content

README.md

Latest commit

 

History

History
60 lines (45 loc) · 1.54 KB

README.md

File metadata and controls

60 lines (45 loc) · 1.54 KB

📝 TaskMaster - Aplicación de Gestión de Tareas

Una aplicación moderna y elegante para gestionar tus tareas diarias con un diseño oscuro y responsive.

✨ Características

  • ✅ Agregar, completar y eliminar tareas
  • 🎨 Diseño moderno con tema oscuro
  • 📊 Estadísticas en tiempo real
  • 🔍 Filtros (Todas, Pendientes, Completadas)
  • 💾 Almacenamiento local (las tareas persisten)
  • 📱 Totalmente responsive
  • ⚡ Animaciones suaves

🚀 Cómo usar

  1. Abre index.html en tu navegador
  2. Escribe una tarea en el campo de texto
  3. Presiona Enter o haz clic en "Agregar"
  4. Haz clic en el checkbox para marcar como completada
  5. Usa los filtros para organizar tu vista
  6. Haz clic en "Eliminar" para borrar una tarea

🛠️ Tecnologías

  • HTML5
  • CSS3 (Gradientes, Flexbox, Grid, Animaciones)
  • JavaScript Vanilla (ES6+)
  • LocalStorage API

📂 Estructura

proyecto-web/
├── index.html      # Estructura principal
├── styles.css      # Estilos y diseño
├── app.js          # Lógica de la aplicación
└── README.md       # Este archivo

💡 Funcionalidades Técnicas

  • Persistencia de datos con LocalStorage
  • Filtrado dinámico de tareas
  • Escape de HTML para prevenir XSS
  • Timestamps y formateo de fechas
  • Interfaz totalmente interactiva
  • Optimizado para mobile y desktop

🎨 Paleta de Colores

  • Primario: #6366f1 (Índigo)
  • Éxito: #10b981 (Verde)
  • Peligro: #ef4444 (Rojo)
  • Fondo: #0f172a (Azul oscuro)
  • Gradiente: De #667eea a #764ba2

¡Disfruta organizando tus tareas! 🚀