Code
Portal de trazabilidad para bodega familiar riojana
Visión general
De qué trata este proyecto.
Construye una aplicación web de trazabilidad vinícola usando HTML, CSS y JavaScript en el frontend, conectada a una API REST sencilla que simules con Java EE (puedes usar un mock server como JSON Server si prefieres centrarte en el frontend). La aplicación debe permitir: registrar lotes de uva con variedad, parcela y fecha de cosecha; asignar lotes a barricas y seguir su evolución; generar un código de trazabilidad único por lote; y consultar el historial completo de un lote desde cualquier dispositivo. El diseño debe ser responsivo (adaptable a móvil y tablet) y accesible para trabajadores de bodega con poca experiencia digital. El éxito se mide por la claridad visual de la interfaz, la ausencia de pasos redundantes y la capacidad de completar una consulta de trazabilidad en menos de 30 segundos.
El Briefing
Lo que harás y lo que demostrarás.
La ausencia de un sistema unificado de trazabilidad digital retrasa las exportaciones y pone en riesgo la relación con distribuidores internacionales que exigen trazabilidad en tiempo real.
Earning criteria — what you'll demonstrate
- Aplicar HTML semántico y CSS flexible para crear interfaces adaptables a dispositivos móviles y de escritorio
- Implementar lógica de negocio en JavaScript para gestionar datos de trazabilidad sin perder el estado entre pantallas
- Consumir y documentar una API REST, comprendiendo los verbos HTTP (GET, POST, PUT) y los códigos de respuesta
- Estructurar un proyecto web con separación clara entre presentación, lógica y datos
- Desplegar una aplicación web en un entorno accesible públicamente
Encaje académico
Dónde encaja esto en tus estudios.
Afina las mismas habilidades que tu titulación espera de ti.
Habilidades
Habilidades que demostrarás.
Cada una aparece en tu credencial verificada.
Carreras
Roles para los que esto te prepara.
Títulos reales. Puentes de habilidades reales. Elige el que más se acerque a tu trayectoria.
Desarrollador Frontend Junior
Este reto proporciona experiencia directa en maquetación responsiva, manejo del DOM con JavaScript vanilla y optimización para dispositivos móviles, competencias centrales del día a día de un desarrollador frontend en equipos de producto digitales.
Este proyecto afina
- frontend-development
- responsive-design
- javascript-fundamentals
Desarrollador Backend Junior
La construcción de la API REST, el modelado de datos de trazabilidad y la comprensión de la separación cliente-servidor preparan para roles donde se diseñan y mantienen servicios que alimentan aplicaciones web y móviles.
Este proyecto afina
- rest-api-integration
- java-ee-basics
- javascript-fundamentals