Skip to content

Latest commit

 

History

History
60 lines (37 loc) · 2.72 KB

README.md

File metadata and controls

60 lines (37 loc) · 2.72 KB
Raw

Booki.net - Page d'Accueil de l'Agence de Voyage en Ligne

Capture d'écran 2024-07-03 151644 (image de la page d'accueil en construction.) Bienvenue sur Booki.net, votre agence de voyage en ligne dédiée à vous offrir une expérience de réservation fluide et agréable. Notre plateforme permet aux utilisateurs de rechercher, planifier et réserver des voyages avec une grande facilité. Que ce soit pour des vacances, des voyages d'affaires ou des escapades de week-end, Booki.net est là pour répondre à tous vos besoins.

Sommaire

Installation

Pour installer et exécuter ce projet localement, veuillez suivre les étapes ci-dessous :

  1. Clonez ce dépôt : 
    git clone https://github.com/Eudoire/booki.net.git

Utilisation

Pour utiliser la plateforme Booki.net, j'ai pris soins de suivre le cahier des charges:

Recherche de voyages

  • Les usagers peuvent rechercher des hébergements dans la ville de leur choix à l'aide d'un champ de saisie éditable, englobé dans un formulaire.
  • Note : La partie Recherche ne doit pas être fonctionnelle pour cette première version.

Navigation

  • Les textes "Hébergements" et "Activités" dans l'en-tête sont des liens menant respectivement aux sections "Hébergements à Marseille" et "Activités à Marseille".

Cartes d'hébergements et d'activités

  • Chaque carte doit être cliquable dans son intégralité.
  • Les liens sont simulés avec href="#".

Filtres de recherche

  • Les hébergements peuvent être filtrés par thématique, comme le budget ou l’ambiance.
  • Les filtres changent de couleur au survol de la souris.
  • Les filtres ne sont pas fonctionnels pour cette première version.

Responsive design

  • La version desktop du site, pleinement fonctionnelle, se comportant correctement de la résolution 1024px à la résolution 1440px
  • ≤1024px pour l'affichage tablette et ≤768px pour l'affichage mobile
  • Respecter l'ordre du code fournis dans le CSS : d'abord le code CSS global, puis la media query tablette, puis la version mobile.
  • Définir une largeur maximum à 1440px pour gérer correctement les écrans avec une grande résolution, ainsi qu'une largeur minimum de 320px

Licence

Ce projet est sous licence MIT. Veuillez vous référer au fichier LICENSE pour plus de détails.

Crédits

Ce projet a été intégrée par Maxime Edouard avec le soutien d'OpenClassrooms. La maquette Figma de Booki a été fournie par OpenClassrooms. Merci à toutes les personnes et ressources qui ont contribué à rendre ce projet possible.