Projet portfolio

Projet Reservia, intégration responsive HTML CSS

Réalisation d’une interface web responsive à partir de maquettes desktop et mobile, avec HTML5, CSS3 et Flexbox.

Mockup du projet Reservia affiché sur un ordinateur portable, avec une interface de réservation de vacances visible à l’écran

Technologies

  • HTML5
  • CSS3
  • Flexbox
  • Responsive Design
  • Font Awesome
  • Git
  • GitHub Pages

Contexte

Reservia est le premier projet de formation, réalisé à OpenClassrooms, orienté intégration front-end, construit from scratch à partir de maquettes fournies pour les versions desktop et mobile.

Objectif

L’objectif était de reproduire fidèlement l’interface, en respectant les contraintes techniques imposées: (utilisation de Flexbox, media queries, HTML sémantique, aucun framework ni préprocesseur CSS) et en garantissant un rendu responsive.

Résultat

Ce projet met en valeur les fondamentaux de l’intégration front-end : lecture de maquettes, structuration HTML, responsive design et rigueur CSS. Son aboutissement est une page statique proprement structurée, responsive (mobile, tablette et desktop) et testée sans erreurs aux validateurs HTML et CSS du W3C.

Voir sur GitHubVoir la démo live

Galerie

Captures d'écran du projet

  • Vue mobile du projet Reservia - haut de la page
  • Version mobile du projet Reservia - haut milieu de la page
  • Version mobile du projet Reservia - bas milieu de la page
  • Version desktop du projet Reservia - haut de la page
  • Version desktop du projet Reservia - bas de la page