✨ Welcome to Your Spark Template!

You've just launched your brand-new Spark Template Codespace — everything’s fired up and ready for you to explore, build, and create with Spark!

This template is your blank canvas. It comes with a minimal setup to help you get started quickly with Spark development.

🚀 What's Inside?

• A clean, minimal Spark environment
• Pre-configured for local development
• Ready to scale with your ideas

🧠 What Can You Do?

Right now, this is just a starting point — the perfect place to begin building and testing your Spark applications.

🧹 Just Exploring? No problem! If you were just checking things out and don’t need to keep this code:

• Simply delete your Spark.
• Everything will be cleaned up — no traces left behind.

📄 License For Spark Template Resources

<<<<<<< Updated upstream

• 📱 Interfaz Moderna: Diseño limpio y responsivo que funciona perfectamente en todos los dispositivos
• 🎯 Sistema de Prioridades: Organiza tareas por prioridad alta, media y baja con indicadores visuales
• 🏷️ Categorías Personalizadas: Crea categorías con colores e íconos personalizados
• 🔍 Búsqueda Avanzada: Filtra tareas por texto, prioridad, fecha de vencimiento y estado
• 📅 Fechas de Vencimiento: Sistema de notificaciones y recordatorios para tareas vencidas
• 📋 Plantillas de Tareas: Crea plantillas para actividades recurrentes
• ⌨️ Atajos de Teclado: Navegación rápida y creación de tareas con combinaciones de teclas
• 🌙 Modo Oscuro: Alternador de tema para mayor comodidad visual
• 🌐 Multiidioma: Soporte completo para español e inglés
• 🎮 Arrastrar y Soltar: Reordena tareas fácilmente con funcionalidad drag & drop
• 🎉 Animaciones de Logro: Efectos visuales de celebración al completar tareas
• 📊 Estadísticas: Seguimiento de productividad y análisis de tareas completadas
• 💾 Persistencia de Datos: Todas las tareas y configuraciones se guardan automáticamente

🚀 Tecnologías Utilizadas

• React 19 - Framework de interfaz de usuario
• TypeScript - Tipado estático para mayor robustez
• Tailwind CSS - Framework de CSS utilitario
• Vite - Herramienta de desarrollo rápida
• Framer Motion - Animaciones fluidas
• Radix UI - Componentes de UI accesibles
• Phosphor Icons - Iconografía moderna
• Date-fns - Manejo de fechas
• Sonner - Sistema de notificaciones toast

🔧 Instalación y Configuración

1. Clona el repositorio

   git clone https://github.com/tu-usuario/taskflow.git
   cd taskflow

2. Instala las dependencias

   npm install

3. Inicia el servidor de desarrollo

   npm run dev

4. Abre tu navegador Visita http://localhost:5173 para ver la aplicación

📖 Cómo Usar

Gestión Básica de Tareas

• Agregar Tareas: Usa el formulario en la parte superior para crear nuevas tareas
• Completar Tareas: Haz clic en el checkbox para marcar como completada
• Eliminar Tareas: Usa el botón de eliminar en cada tarea

Características Avanzadas

• Categorías: Administra categorías personalizadas con colores e íconos únicos
• Plantillas: Crea plantillas para tareas que repites frecuentemente
• Filtros: Busca y filtra tareas por múltiples criterios
• Atajos de Teclado:
  • Ctrl + N - Nueva tarea
  • / - Buscar tareas
  • Ctrl + A - Seleccionar todas
  • Esc - Limpiar filtros
  • Ctrl + D - Cambiar tema

🌐 Funciones de Localización

TaskFlow detecta automáticamente el idioma del navegador y soporta:

• Español - Interfaz completamente traducida
• Inglés - Idioma por defecto
• Cambio Manual - Selector de idioma en la interfaz

🎯 Características de Productividad

• Visualización de Progreso: Métricas en tiempo real de tareas completadas
• Sistema de Urgencia: Las tareas se ordenan automáticamente por prioridad y fecha de vencimiento
• Notificaciones Inteligentes: Recordatorios para tareas próximas a vencer
• Análisis de Productividad: Consejos basados en tus patrones de uso

🔄 Scripts Disponibles

• npm run dev - Servidor de desarrollo
• npm run build - Construcción para producción
• npm run preview - Vista previa de la construcción
• npm run lint - Verificación de código

🤝 Contribuir

Las contribuciones son bienvenidas. Por favor:

1. Haz fork del proyecto
2. Crea una rama para tu característica (git checkout -b feature/AmazingFeature)
3. Confirma tus cambios (git commit -m 'Add some AmazingFeature')
4. Sube a la rama (git push origin feature/AmazingFeature)
5. Abre un Pull Request

📄 Licencia

Este proyecto está licenciado bajo la Licencia MIT - ver el archivo LICENSE para detalles.

🆔 SEO y Metadatos

TaskFlow está optimizado para motores de búsqueda con:

• Meta tags completos para redes sociales
• Structured data schema
• Títulos dinámicos basados en el estado de tareas
• Optimización de rendimiento

---

English

🌟 Description

TaskFlow is a modern and comprehensive web-based task management application designed to boost your productivity. With an intuitive interface and advanced features, TaskFlow helps you organize, prioritize, and complete your tasks efficiently.

✨ Key Features

• 📱 Modern Interface: Clean, responsive design that works seamlessly across all devices
• 🎯 Priority System: Organize tasks by high, medium, and low priority with visual indicators
• 🏷️ Custom Categories: Create categories with personalized colors and icons
• 🔍 Advanced Search: Filter tasks by text, priority, due date, and status
• 📅 Due Dates: Notification and reminder system for overdue tasks
• 📋 Task Templates: Create templates for recurring activities
• ⌨️ Keyboard Shortcuts: Quick navigation and task creation with key combinations
• 🌙 Dark Mode: Theme toggle for better visual comfort
• 🌐 Multilingual: Full support for Spanish and English
• 🎮 Drag & Drop: Easily reorder tasks with drag & drop functionality
• 🎉 Achievement Animations: Visual celebration effects when completing tasks
• 📊 Statistics: Productivity tracking and completed task analysis
• 💾 Data Persistence: All tasks and settings are automatically saved

🚀 Technologies Used

• React 19 - User interface framework
• TypeScript - Static typing for enhanced robustness
• Tailwind CSS - Utility-first CSS framework
• Vite - Fast development tool
• Framer Motion - Smooth animations
• Radix UI - Accessible UI components
• Phosphor Icons - Modern iconography
• Date-fns - Date handling
• Sonner - Toast notification system

🔧 Installation and Setup

1. Clone the repository

   git clone https://github.com/your-username/taskflow.git
   cd taskflow

2. Install dependencies

   npm install

3. Start development server

   npm run dev

4. Open your browser Visit http://localhost:5173 to see the application

📖 How to Use

Basic Task Management

• Add Tasks: Use the form at the top to create new tasks
• Complete Tasks: Click the checkbox to mark as completed
• Delete Tasks: Use the delete button on each task

Advanced Features

• Categories: Manage custom categories with unique colors and icons
• Templates: Create templates for frequently repeated tasks
• Filters: Search and filter tasks by multiple criteria
• Keyboard Shortcuts:
  • Ctrl + N - New task
  • / - Search tasks
  • Ctrl + A - Select all
  • Esc - Clear filters
  • Ctrl + D - Toggle theme

🌐 Localization Features

TaskFlow automatically detects browser language and supports:

• Spanish - Fully translated interface
• English - Default language
• Manual Switch - Language selector in the interface

🎯 Productivity Features

• Progress Visualization: Real-time metrics of completed tasks
• Urgency System: Tasks are automatically sorted by priority and due date
• Smart Notifications: Reminders for tasks approaching due dates
• Productivity Analysis: Tips based on your usage patterns

🔄 Available Scripts

• npm run dev - Development server
• npm run build - Production build
• npm run preview - Preview build
• npm run lint - Code verification

🤝 Contributing

Contributions are welcome. Please:

1. Fork the project
2. Create a feature branch (git checkout -b feature/AmazingFeature)
3. Commit your changes (git commit -m 'Add some AmazingFeature')
4. Push to the branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

📄 License

This project is licensed under the MIT License - see the LICENSE file for details.

🆔 SEO and Metadata

TaskFlow is optimized for search engines with:

• Complete meta tags for social networks
• Structured data schema
• Dynamic titles based on task status
• Performance optimization

---

👨‍💻 Autor / Author

Desarrollado con ❤️ por Esteban Esquivel / Developed with ❤️ by Esteban Esquivel

📞 Contacto / Contact

• GitHub: @StbanMc

---

TaskFlow - Tu compañero de productividad / Your productivity companion 🚀

The Spark Template files and resources from GitHub are licensed under the terms of the MIT license, Copyright GitHub, Inc.

Stashed changes