1/3
booki_0.png CDA script webpbooki_1.png CDA script webpbooki_2.png CDA script webp

Booki

HTML
CSS
RWD
Description

L’entreprise souhaite créer un site internet interactif qui permettra aux utilisateurs de rechercher des hébergements et des activités dans la ville de leur choix. Le projet vise à fournir une interface responsive, adaptée à tous les supports (desktop, tablette, mobile), afin d'offrir une expérience fluide et accessible à tous les usagers. L'objectif est de concevoir une plateforme intuitive qui facilite la navigation et l'accès rapide aux informations, tout en respectant les standards du web.

Liens
site web: Booki
GitHub repo: Booki
Méthodologie
  1. Mise en place de l'environnement de développement : pour assurer une gestion de projet efficace, l’environnement de développement est configuré à l'aide de Visual Studio Code et la gestion du code source est effectuée via Git et GitHub pour un suivi précis des modifications.

  2. Découpage de la maquette : les maquettes fournies sont découpées pour permettre l'intégration progressive des éléments visuels et fonctionnels. Chaque section est analysée pour une structuration HTML optimale, en veillant à l'agencement cohérent des éléments.

  3. Intégration de l'interface :

    • Intégration des éléments clés de l'interface, incluant le header, le formulaire de recherche, les filtres, ainsi que la carte affichant les hébergements et activités disponibles.
    • Adaptation de l'interface pour qu'elle soit responsive, garantissant un affichage optimal sur tous types d'écrans (desktop, tablette, mobile).
  4. Validation du code : afin de garantir la conformité et la qualité du code, des outils de validation tels que le Validateur HTML du W3C et le Validateur CSS du W3C sont utilisés pour vérifier le respect des standards web.