Gestor de Tareas - Svelte
Proyecto web para gestionar tareas. Construido con Svelte para aprender a crear aplicaciones reactivas y modernas. Permite añadir, organizar y completar tareas de forma sencilla.
🎯 Características
- ✅ Añadir tareas - Crea nuevas tareas rápidamente
- 📋 Gestión de prioridades - Reorganiza el orden de tus tareas pendientes
- ✔️ Marcar como completada - Traslada tareas al listado de completadas
- 🗑️ Eliminar tareas - Borra tareas completadas
- 💾 Almacenamiento persistente - Guarda tus tareas en localStorage
- 🎨 Diseño moderno - Interfaz atractiva con animaciones
📋 Requisitos previos
- Node.js (versión 18 o superior)
- npm o yarn
🚀 Instalación
Clonar el repositorio
git clone https://github.com/nachomf18/svelte-gestor-tareas.git
Instalar dependencias
npm install
Iniciar el servidor de desarrollo
npm run dev
La aplicación estará disponible en http://localhost:5173 (o el puerto que indique Vite)
🏗️ Compilar para producción
Para crear una versión optimizada lista para despliegue:
npm run build
📖 Uso
- Añadir una tarea: Escribe el nombre de la tarea en el campo de entrada y haz clic en "Añadir tarea"
- Cambiar prioridad: Usa los botones ⬆️ y ⬇️ para mover tareas hacia arriba o abajo
- Completar tarea: Haz clic en "Terminar" para marcar una tarea como completada
- Eliminar tarea: En la sección de completadas, haz clic en "Eliminar" para borrar la tarea
🛠️ Tecnologías utilizadas
- Svelte - Framework reactivo
- Vite - Herramienta de build rápida
- JavaScript - Lógica de la aplicación
- CSS - Estilos y animaciones
📁 Estructura del proyecto
.
├── src/
│ ├── routes/
│ │ ├── +page.svelte # Página principal
│ │ └── +layout.svelte # Layout global
│ ├── app.html # HTML base
│ └── lib/ # Librerías compartidas
├── static/ # Archivos estáticos
├── package.json
├── vite.config.js
├── svelte.config.js
└── README.md
👤 Autor
Ignacio Martín Fernández