Airbnb (challenge)

Projet Copycat de la homepage de AIRBNB en React et d'une page de listing de logement avec affichage sur carte.

React (frontend) - Firebase (déploiement)

Voir le site web Github
Clients

Projet personnel

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).