<aside> <img src="/icons/arrow-right_pink.svg" alt="/icons/arrow-right_pink.svg" width="40px" />

imd3 · Frontend Development · Brief

</aside>

<aside> <img src="/icons/info-alternate_pink.svg" alt="/icons/info-alternate_pink.svg" width="40px" />

Travail individuel Durée : ~12h Evaluation : Sommative (note sur 6, coefficient 1)

</aside>

Définition du mandat

Vous allez développer une encyclopédie interactive des dieux mythologiques sous forme de page web responsive. Cette application permettra aux utilisateurs de découvrir, filtrer et rechercher des divinités issues de panthéons différents à travers une interface moderne et ergonomique.

Réalisation

Vous développerez une page web responsive à partir du Starterkit, hébergée sur GitHub et mise en ligne via AlwaysData.

<aside> <img src="/icons/color-palette_pink.svg" alt="/icons/color-palette_pink.svg" width="40px" />

Lien de la maquette Figma (à dupliquer chez vous)

https://www.figma.com/design/WY05e4vnug7MPu4LePIO60/God-Checker?node-id=0-1

→ Pensez à examiner également le prototype de la maquette

→ Les effets de hover n’ont pas été maquettés et sont laisser à votre libre inspiration. Ils doivent cependant être incorporés.

</aside>

Images des dieux et déesses à utiliser dans votre projet

Dieux et déesses.zip

Design

• Intégration fidèle et soignée du design Figma : respect des marges, espacements, typographies et couleurs.
• Capacité à adapter la grille Bootstrap et à surcharger le CSS si nécessaire pour coller au design.

Responsive

• Adaptation fluide sur mobile, tablette et desktop ****(écrans d’une largeur de 350px à 2000px).
• Utilisation de Flexbox, Bootstrap Grid et media queries.

Code