Scénario P2

[W-D0n]

Fonctionnalités

1. • [x] Les usagers pourront rechercher des hébergements dans la ville de leur choix.
2. • [x] Le champ de recherche est donc un champ de saisie, dont le texte peut être édité par l’usager.
3. • [x] A ce stade, le bouton de recherche ne sera pas fonctionnel.
4. • [x] Chaque carte d’hébergement ou d’activité devra être cliquable dans son intégralité.
5. • [x] Pour l’instant les liens seront vides.
6. • [x] Les filtres ne seront pas fonctionnels pour cette version.
7. • [ ] Les filtres changent d’apparence au survol (effet libre).
8. • [x] Dans le menu, les liens “Hébergements” et “Activités” sont des ancres qui doivent mener aux sections de la page.

   Contraintes techniques

9. • [x] Adapter le site aux Desktops.
10. • [x] Adapter le site aux Mobiles.
11. • [ ] Adapter le site aux Tablettes.
12. • [x] Adaptations libres de la mise en page, tant qu’aucun élément n’est coupé et que le texte a une taille suffisante.
13. • [x] Libre choix des breakpoints.
14. • [x] Libre choix du format des images (résolution/temps de chargement).
15. • [x] Les icônes proviennent de la bibliothèque Font Awesome.
16. • [x] Les couleurs de la charte sont le bleu #0065FC, et sa version plus claire #DEEBFF ainsi que le gris pour le fond #F2F2F2.
17. • [x] La police du site est Raleway.
18. • [x] Pas de framework ou pré-compilateur CSS pour ce projet (comme SASS par exemple).
19. • [x] Le code devra utiliser les balises sémantiques.
20. • [x] Le code ne doit contenir aucune erreur ni alerte au validateur W3C HTML et CSS.
21. • [x] Le site devra être compatible avec les dernières versions de Chrome et Firefox.
22. • [x] Pense à séparer le HTML et le CSS.
23. • [x] Organiser ton dossier de rendu.
24. • [x] Versionner ton code avec Git.
25. • [x] Déployer la page sur GitHub Pages ou GitLab Pages.

Livrables

• [x] Un lien vers votre repository GitHub ou GitLab.
• [x] Le repository doit être accessible.
• [x] Un lien vers la page web hébergée en ligne pour présenter la maquette.
• [x] Le repo doit être nommé avec la convention suivante : Nomcomplet_#_Datedémarrage. Le # correspond au numéro du projet sur le parcours et la date doit être au format jjmmaaaa. Par exemple, FrancoisLenotre_3_05032020.

Compétences évaluées

• Utiliser un système de gestion de versions pour le suivi du projet et son hébergement
• Mettre en place son environnement Front-End
• Intégrer du contenu conformément à une maquette
• Implémenter une interface responsive