1. C’était quoi ?

Le développement d’un clone de l’interface du célèbre site Airbnb. L’objectif de ce projet était de reproduire le plus fidèlement possible le design, l’ergonomie et l’affichage complexe d’une plateforme de réservation reconnue mondialement, afin de perfectionner mes compétences en intégration web (front-end).

2. C’était quand ?

Janvier 2024

3. J’ai fait quoi exactement ?

• Analyse de l’interface cible : Découpage visuel du site Airbnb pour comprendre l’agencement des blocs (barre de navigation, filtres de recherche, grille d’annonces).
• Intégration HTML : Création de la structure sémantique de la page (en-tête, barre de recherche, section principale des logements).
• Mise en page CSS avancée : Utilisation intensive de Flexbox (pour les barres de menus et filtres) et de CSS Grid (pour l’affichage en tuiles des annonces immobilières).
• Gestion du Responsive : Adaptation du design pour que le site s’affiche correctement sur ordinateur, tablette et smartphone.

4. Avec quoi ?

• Langages : HTML, CSS
• Éditeur : Visual Studio Code

5. Quelles compétences du référentiel ?

Ce projet valide des éléments du bloc « Développer la présence en ligne de l’organisation »:

• Participer à la valorisation de l’image de l’organisation sur les médias numériques (Bloc 2) : J’ai reproduit une interface utilisateur (UI) aux standards professionnels actuels, garantissant une navigation intuitive.
• Participer à l’évolution d’un site Web (Bloc 2) : Structuration technique d’une maquette web prête à être connectée à une base de données pour afficher dynamiquement les annonces.

6. Ce que j’en retiens ?

Ce projet a été un excellent défi technique. Reproduire un site existant et complexe m’a forcé à être extrêmement précis sur les marges, les espacements et les alignements. La plus grande difficulté a été la gestion du responsive design (faire en sorte que la grille des logements se réorganise parfaitement sur mobile).