Booki

Demande

Contexte

J’ai effectué et validé un parcours de formation Openclassrooms de 2022 à 2023, délivrant un diplôme de niveau 6 (bac + 3/4) de « développeur d’application Javascript React ». Ce parcours de formation reposait sur 11 modules principaux, comprenant chacun des cours théoriques puis un projet pratique nécessitant d’appliquer les enseignements acquis. Le projet Booki a été développé dans le cadre de ces simulations de demandes professionnelles. C’était le premier projet du parcours. Il portait sur le développement HTML et CSS d’une page web responsive conformément à une maquette fournie.

Demandeur et projet

L’entreprise fictive demandeuse souhaitait développer une plateforme de réservation de locations de vacances. Seule la partie « front » était à développer. Seule la page d’accueil du site était demandée. Cette page devait être responsive, conformément aux maquettes fournies et en respectant les contraintes ci-dessous.

Contraintes

Ce projet nécessitait de respecter les 2 maquettes fournies:

Il devait de plus respecter les consignes suivantes:

  • Utilisation des langages HTML et CSS
  • Design responsive desktop-first (pas mobile-first)
  • Points de rupture (breakpoints) à 992 et 768 pixels
  • Icônes Font Awesome (utilisation d’un CDN)
  • Utilisation de la police de caractères Google Raleway
  • Utilisation des pixels et des pourcentages, pas des em ou des rem
  • Utilisation de Flexbox
  • Interdiction d’utiliser un framework CSS comme Bootstrap ou un préprocesseur comme Sass
  • Code valide W3C

Réalisation

Site

J’ai conçu la page d’accueil responsive du site Booki ainsi (vous pouvez accéder à la version de démonstration en cliquant sur le lien):

Résultat

Les projets de simulation professionnelle Openclassrooms donnent lieu à une soutenance par visioconférence devant un professionnel qui joue le rôle du demandeur. La soutenance dure environ 30 minutes (une présentation du projet en 15 minutes environ puis des réponses aux questions du professionnel). Le projet peut alors être validé si le professionnel considère qu’il répond à toutes les demandes initiales. Il peut aussi nécessiter d’être retravaillé si le professionnel juge le travail insuffisant. Enfin, il peut nécessiter des modifications devant être corrigées sous 48 heures, si le professionnel estime que le projet est globalement satisfaisant mais qu’il y a quelques points à corriger. Dans ce cas, l’étudiant doit corriger son projet et transmettre les corrections sous 48 heures. Si le professionnel juge les corrections satisfaisantes, le projet est validé. Dans le cas où l’étudiant ne parvient pas à faire les corrections dans le temps imparti, il devra repasser la soutenance.

Ce projet, comme tous mes projets du parcours de développeur d’application Javascript React, a été validé directement ou après demande de quelques corrections. Il a donc été jugé par ce professionnel comme répondant aux demandes initiales et aux contraintes imposées.

Informations techniques

Technologies utilisées

  • HTML
  • CSS
  • Git