Besoin
Reproduire les pages d'accueil et de listings de logement de Airbnb avec le framework React et intégration d'une fonctionnalité pour la recherche par date.
Conception
Utilisation du framework React pour l'interface. Création de la page d'accueil et d'une page de listing de logement. Ajout d'une fonctionnalité de choix de date dans un bandeau déroulant. Déploiement sur Firebase pour la mise en ligne.
Couleurs
#ff7779
#f7f7f7
#ffffff
preview
Page d'accueil
Page d'accueil présentant au visiteur les différentes thématiques.
Recherche par date
Mise en place d'une fonctionnalité de recherche de date avec la librairie "react-date-range". Affichage dans un bandeau déroulant avec système de plages de valeur.
Proposition de logement
Page listant les logement selon les critères de l'utilisateur suite à la validation du bandeau de recherche (données provenant d'un fichier JSON en local).
Ajout d'une sidebar à droite pour visualiser les logements sur une carte. Mise en place d'un système de popup pour voir les informations du logement lors du clic sur le marqueur (fond de carte : mapBox Streets).