Reto 05

Durante este quinto reto del módulo de Desarrollo Web en Entorno Servidor, el alumnado desarrollará una aplicación frontend reactiva, que consuma los servicios de la API REST creada en el Reto 04. El objetivo es integrar un cliente web moderno con backend Laravel, aplicando buenas prácticas en el consumo de datos, navegación, autenticación y experiencia de usuario.

Este reto se realiza de forma individual y representa una oportunidad para aplicar los conocimientos adquiridos tanto en el módulo de Desarrollo web en entorno cliente como en Desarrollo web en entorno servidor. La aplicación final debe ser funcional, usable y organizada, empleando herramientas modernas del ecosistema JavaScript y PHP.

Objetivo del reto

Diseñar y consumir los recursos expuestos por una API Laravel ya existente (Reto 04), aplicando un enfoque reactivo. Se busca fomentar la separación de responsabilidades entre frontend y backend, optimizar la experiencia de usuario y garantizar una comunicación segura con el servidor.

Requisitos específicos

• Consumir la API del Reto 04.
• Implementar autenticación y proteger las rutas privadas.

• Crear vistas reactivas para los siguientes recursos:

• Listado de publicaciones.

• Formulario para crear, editar y borrar publicaciones.

• Visualización y gestión de comentarios.

• Gestionar la subida de archivos.

• Incluir manejo de errores (mensajes claros al usuario).
• Implementar navegación.
• Subir el proyecto a un servidor de pruebas o entorno de producción simulado (como mínimo en local con instrucciones de despliegue).

Elementos evaluables

• Consumo correcto de la API.
• Navegación fluida.
• Gestión de autenticación, rutas protegidas y tokens.
• Formularios funcionales y validados (cliente y servidor).
• Interfaz ordenada y visualmente clara.
• Código limpio y estructurado.
• Documentación del proceso de desarrollo y despliegue.

Criterios de evaluación

Criterio de Evaluación	Nivel Bajo (0)	Nivel Medio (1)	Nivel Alto (3)
CE9a. Configuración inicial del proyecto frontend.	Proyecto mal configurado o no funcional.	Proyecto funcional pero sin estructura clara.	Proyecto bien configurado, funcional y estructurado.
CE9b. Consumo de servicios REST.	No se realiza consumo o es incorrecto.	Se consume parcialmente o con errores.	Consumo completo y correcto de la API del Reto 04.
CE9c. Navegación y rutas con Vue Router.	No hay navegación o está desorganizada.	Navegación funcional pero limitada.	Navegación fluida con rutas protegidas correctamente implementadas.
CE9d. Gestión de autenticación (tokens/sesiones).	No hay autenticación.	Autenticación parcial o insegura.	Sistema de login completo, seguro y funcional.
CE9e. Formularios reactivos con validación.	Formularios sin validar o no funcionales.	Funcionales pero con problemas de usabilidad.	Formularios intuitivos, validados y bien conectados a la API.
CE9f. Diseño visual y experiencia de usuario.	Interfaz confusa o poco usable.	Diseño básico sin enfoque en UX.	Interfaz clara, responsive y con buena experiencia de usuario.
CE9h. Documentación y despliegue del proyecto.	No hay documentación ni instrucciones.	Documentación parcial o confusa.	Documentación completa con guía de despliegue funcional.

Fecha de entrega

La entrega se realizará a través de Aules en la UT 09 sobre la actividad RE 915.