Task List Application

Descripción General

Esta es una aplicación de lista de tareas desarrollada con un backend en Spring Boot y un frontend en HTML, CSS y JavaScript. La aplicación permite a los usuarios:

• Agregar nuevas tareas.
• Ver una lista de todas las tareas existentes.
• Editar los detalles de una tarea existente.
• Marcar una tarea como "Completada" o "Pendiente".
• Eliminar tareas.

Requisitos Previos

• Java 17 o superior
• Maven
• Node.js (opcional, para servir el frontend con un servidor local)

Instalación

1. Clona este repositorio: git clone <URL_DEL_REPOSITORIO> cd Proyectos/Curso_IA

2. Configura el backend:

   • Navega al directorio backend.
   • Asegúrate de que las dependencias estén instaladas ejecutando: mvn clean install

3. Configura el frontend:

   • Navega al directorio frontend.
   • Si deseas usar un servidor local, instala http-server:

npm install -g http-server

Ejecución

Backend

1. Navega al directorio backend.
2. Ejecuta el siguiente comando para iniciar el servidor:

mvn spring-boot:run

3. El backend estará disponible en http://localhost:8080.

Frontend

1. Navega al directorio frontend.
2. Sirve los archivos estáticos:
   • Usando http-server:

http-server -p 3000

• O integrando los archivos en el backend (mueve los archivos a src/main/resources/static).

3. Accede a la aplicación en http://localhost:3000.

Uso

1. Abre la aplicación en el navegador.
2. Usa el formulario para agregar nuevas tareas.
3. Interactúa con las tareas utilizando los botones "Edit", "Complete" y "Delete".

Proceso de Creación con GitHub Copilot

Durante el desarrollo de esta aplicación, GitHub Copilot fue una herramienta clave para acelerar el proceso de codificación. A continuación, se destacan algunos ejemplos específicos:

1. Generación de Controladores en el Backend:

   • Copilot ayudó a generar el controlador TaskController.java, incluyendo métodos para manejar operaciones CRUD como GET, POST, PUT y DELETE.

2. Configuración de CORS:

   • La configuración de CORS en TaskListApplication.java fue sugerida por Copilot para permitir solicitudes desde el frontend.

3. Frontend Interactivo:

   • Copilot generó el código JavaScript para manejar eventos como agregar, editar y eliminar tareas, asegurando una integración fluida con el backend.

4. Resolución de Problemas:

   • Durante la depuración, Copilot sugirió soluciones para problemas de CORS y errores en las solicitudes fetch.