Miton1998/tasku-tu-asistente-acad-mico-inteligente
Manual changes saved
Crea una aplicación web completamente funcional llamada TaskU, diseñada para ayudar a los estudiantes a registrar y recordar sus tareas y fechas de entrega. El proyecto debe desarrollarse en HTML, CSS y JavaScript puro, sin frameworks ni librerías externas, y debe funcionar totalmente en el navegador sin conexión a bases de datos, utilizando localStorage para guardar las tareas de forma persistente. En el archivo index.html, estructura una interfaz limpia y ordenada con un encabezado principal que muestre el título “📚 TaskU - Recordatorio de Tareas”, seguido de un formulario con tres campos: un campo de texto para el nombre del curso, un área o input para la descripción de la tarea, un selector de fecha para la fecha de entrega y un botón con el texto “Agregar tarea”. Debajo del formulario, incluye una sección que muestre la lista de tareas registradas en formato de tarjetas o tabla, ordenadas por fecha de entrega. Cada tarea debe mostrar claramente el nombre del curso, la descripción, la fecha de entrega, los días restantes y un botón con la opción “Eliminar”. En el archivo style.css, diseña la interfaz con un estilo moderno y minimalista, colores suaves (fondo blanco o gris claro), bordes redondeados, sombras ligeras y tipografía legible (por ejemplo, “Poppins” o “Roboto”); centra el contenido, aplica márgenes y paddings adecuados y usa un diseño adaptable (responsive) que se vea bien tanto en computadora como en celular. En el archivo script.js, programa toda la lógica de la aplicación: captura los datos del formulario, valida que los campos no estén vacíos ni tengan una fecha anterior al día actual, y guarda cada tarea en un arreglo que se almacena en localStorage para que no se pierda al recargar la página. Al cargar la aplicación, las tareas guardadas deben mostrarse automáticamente. Calcula los días restantes restando la fecha actual a la fecha de entrega y cambia el color de la tarea según el resultado: verde si faltan más de 3 días, amarillo si faltan de 1 a 3 días y rojo si la fecha ya venció. Asegúrate de que la lista se actualice automáticamente cuando se agregue o elimine una tarea, sin necesidad de recargar la página. Implementa validaciones con mensajes de alerta o notificaciones visuales que informen al usuario si se agregó una tarea correctamente o si intentó ingresar datos inválidos. Cuando el usuario elimine una tarea, debe desaparecer inmediatamente de la interfaz y del almacenamiento local. Si no hay tareas registradas, muestra un mensaje centrado que diga “No tienes tareas registradas”. Todo el contenido (etiquetas, botones, comentarios y mensajes) debe estar completamente en español. El código debe ser limpio, ordenado y funcional, dividido correctamente en los tres archivos (HTML, CSS y JS), enlazados entre sí, y debe poder ejecutarse directamente al abrir el archivo index.html en un navegador, sin errores y con todas las funcionalidades descritas completamente operativas.
initial commit
