<aside> 📝

Clôner un repository Git, intégrer un composant depuis Figma, faire des commits, un push, puis mettre en ligne

</aside>

1. Cloner le repository Git

Cette fois, le repository existe déjà : il vous est distribué via classroom50. Vous n’en créez donc pas un nouveau, vous le clonez sur votre ordinateur.

Ouvrez le lien classroom50 donné pour l’exercice, acceptez le devoir, puis clonez le repository dans VS Code en suivant la documentation :

Classroom50

2. Intégration depuis Figma

Ouvrez la maquette Figma : https://www.figma.com/design/CoORbAXy8P21YUH7lmFPao/M1-E2?node-id=1-2&t=P9rfYuKmtoffpBVu-0

Passez en mode développement

En vous aidant des informations disponibles dans la colonne de droite, intégrez l’élément.

<aside> ☝

N’oubliez pas d’intégrer les Google Fonts

</aside>

3. Mise en ligne du site

Faites un commit, puis un push.

Déployez votre site en ligne, sur votre hébergement Alwaysdata. Vous pouvez suivre cette documentation :

Mise en ligne d’un site

4. Rendu

C’est votre push qui fait office de rendu. Vérifiez sur classroom50 que votre dernier commit est bien arrivé.