1. Cloner le repository

Le repository de l’examen vous est distribué via classroom50. Acceptez le devoir, puis clonez le repository dans VS Code.

Dans le dossier du projet, installez les dépendances avec npm install, puis lancez le serveur de développement avec npm start.

2. Intégrer la maquette

Ouvrez la maquette Figma assignée à votre classe : https://www.figma.com/design/sVLmxgkZxPTjFsCxqoSX9E/Examen-1?node-id=0-1&p=f&t=AYaKWpH29m4Cw9eq-0

Le repository contient un index.html réduit au squelette et une feuille de style vide. Intégrez la page.

Points d’attention :

• utilisez les balises sémantiques adaptées à chaque zone et chaque niveau de titre.
• respectez les distances, les couleurs et la typographie de la maquette
• organisez le CSS pour éviter les répétitions, en vous appuyant sur l’héritage (au moins via body)
• le site doit s’adapter en largeur sur desktop : pas de largeurs fixes
• intégrez les Google Fonts

3. Build et mise en ligne

Faites des commits réguliers, puis un push.

Générez le build de production avec npm run build, puis mettez le site en ligne sur Alwaysdata, à l’adresse [prenom-nom].alwaysdata.net/examen-1.

4. Rendu

Faites un push final sur classroom50, puis mettez le site en ligne à l’adresse indiquée.

Transmettez l’URL du site via le devoir Teams.

Règles

• Le travail se fait individuellement. Il est interdit de communiquer avec vos camarades, par oral ou par messages.