Interfície web

El client és l'aplicació que utilitzarà l'usuari final. Ha de proporcionar una interfície moderna i responsiva, i comunicar-se amb el servidor mitjançant l' API REST.

Tecnologies

• HTML: estructura el contingut de cada pàgina amb etiquetes semàntiques.
• CSS: dona estil a la interfície i defineix com s'organitzen i s'adapten els elements a la pantalla.
• TypeScript: implementa la lògica de la interfície com la interacció amb l'usuari o consum de l'API.

Requisits de la interfície

La interfície ha de complir els següents requisits:

• Prototip: abans de maquetar, cal dissenyar un prototip (mockup) de cada pantalla, per a definir quina informació i quines accions ha de mostrar.
• Responsiva: la interfície s'ha d'adaptar a les mides de pantalla de diferents dispositius, com mòbils, tauletes o escriptoris.
• UI moderna i bones pràctiques: mantindre una imatge visual coherent (colors, tipografies, espaiats), seguir criteris bàsics d'accessibilitat i evitar duplicar estils o codi entre pantalles.
• Animacions: incorporar transicions i animacions que milloren l'experiència d'usuari, sense abusar-ne.

Consum de l'API des del client

• Peticions HTTP: l'aplicació ha de realitzar peticions HTTP a l'API REST del servidor per a obtenir o enviar dades.
• Tractament de la resposta: convertir la resposta JSON en objectes de TypeScript.
• Gestió d'errors: comprovar el codi d'estat HTTP de la resposta i mostrar a l'usuari un missatge adequat en cas d'error.
• Actualització de la interfície: modificar el DOM per a reflectir les dades rebudes del servidor, sense necessitat de recarregar la pàgina.