Formation Développeur Front-End

Projet 2 - Booki

---

Description du projet

Ce projet est le n°2 du parcours Développeur Front-End qui consiste à transformer une maquette en site web avec HTML et CSS.

Cahiers des charges

Spécifications fonctionnelles

1. Le texte du champ de recherche doit être éditable.
2. Les activités et hébergements doivent être cliquables en intégralité (liens vides).
3. Un effet de survol sur les filtres doit être présent.
4. Les liens "Hébergements" et "Activités" doivent mener à la section correspondante.

Spécifications techniques

1. Nous disposons des maquettes Desktop et Mobile. Le site doit être également adapté sur tablette avec les modifications nécessaires. Le travail consistait à travailler en desktop-first puis sur tablette puis sur téléphone.
2. Différentes tailles et formats d'image sont disponibles et il faut faire les meilleurs choix d'optimisation et de rendu.
3. Les icônes utilisées proviennent de Font Awesome.
4. La charte graphique est la suivante : Bleu (#0065FC), Bleu claire (#DEEBFF), Gris (#F2F2F2).
5. Obligation d'utiliser les pixels et les pourcentages au lieu des REM et EM. Également l'obligation d'utiliser Flexbox uniquement (donc pas de Grid), puis l'interdiction d'utiliser un framework CSS ou préprocesseur CSS.
6. Utilisation des balises sémantiques en HTML.
7. Code valide au W3C : HTML | CSS.
8. Compatible sur les dernières versions de Google Chrome et Mozilla Firefox.

Compétences acquises

• Intégrer du contenu conformément à une maquette.
• Implémenter une interface responsive.

Informations complémentaires

• Soutenance validé le 13/10/2021.
• Lien vers le site : Cliquez-ici.