Développement de l’interface responsive du site Booki en HTML et CSS à partir d’une maquette Figma, en respectant des spécifications techniques précises et une structure de projet imposée.
Contexte OpenClassrooms :
Au début de mon alternance chez Booki en tant que développeur web, j’ai été chargé d’intégrer l’interface du site vitrine de la start-up. L’objectif du projet était de permettre aux utilisateurs de rechercher des hébergements et des activités dans la ville de leur choix. Pour cela, je travaillais à partir d’une maquette finalisée par l’UI designer, ainsi que d’une base de code et d’un dossier de ressources fournis par l’équipe.
Le défi consistait à transformer une maquette en interface web fidèle, responsive et fonctionnelle, tout en respectant des contraintes techniques précises. Il fallait compléter une base HTML/CSS déjà amorcée, conserver l’arborescence de fichiers imposée et produire une intégration propre, cohérente et adaptable aux différents formats d’écran.
J’ai intégré l’ensemble de l’interface en m’appuyant sur la maquette fournie et sur la note de synthèse rédigée par l’équipe. J’ai :
Le site a été intégré de manière fidèle à la maquette, avec une interface claire, moderne et responsive. Le projet m’a permis de consolider mes bases en intégration web, de mieux comprendre la collaboration entre design et développement, et de produire un rendu structuré, maintenable et conforme aux attentes de la CTO.
Use case
Développement de la nouvelle interface Kasa en Next.js, connectée à une API Express, avec gestion des logements, favoris, authentification, messagerie temps réel et parcours propriétaire.
Use case
Création d’une interface SaaS de gestion de projet avec Next.js, incluant dashboard multi-vues, gestion collaborative avancée et améliorations UX (drag & drop, autocomplete, tests et déploiement).
Use case
Création d’une interface de suivi sportif en React avec authentification, routing, appels API centralisés et visualisation de données via graphiques interactifs.