Booki
Le Projet
Description du projet :
Dans le cadre de ma formation Développeur Web chez OpenClassrooms, j'ai réalisé l'intégration de la page d'accueil du site Booki en suivant des contraintes techniques (comme le desktop first). Booki est une plateforme qui permet aux utilisateurs de rechercher des hébergements et activités dans la ville de leur choix.
Ce projet consistait à traduire des maquettes Figma en code HTML et CSS, tout en respectant les règles du responsive design pour garantir une expérience optimale sur desktop, tablette et mobile.
Problématiques rencontrées et solutions apportées :
Ce projet m'a confronté à une difficulté: travailler à partir de maquettes figées qui ne prévoient pas tous les cas réels. Plutôt que de me contenter de coller au pixel près au design, j’ai donc pris l’initiative d’anticiper ces cas, en utilisant des unités flexibles en pourcentage, et des grilles pour forcer la mise en page des colonnes selon la taille de l'écran, tout en gardant une flexibilité sur la taille de ces colonnes pour ne pas que les éléments internes débordent
Compétences développées :
- Web sémantique
- Intégration HTML / CSS avancée à partir de maquettes figma
- Gestion de la flexibilité et des limites des éléments HTML
- Responsive design orienté UX (desktop-first)
- Utilisation de Git et GitHub pour le versionnement et le suivi de projet
