Boxotel

Développement web - Projet scolaire

Intégration et développement HTML, CSS et JS d’un site de réservation de chambre d'hôtel

Voir le site
Boxotel

Qu’est ce que Boxotel ?

Boxotel est une refonte de site web réalisé en duo.

Logiciels utilisés

Langages utilisés

Utilisation de l’IA

Aucune IA générative n’a été utilisée pour réaliser ce projet ni pour préparer sa fiche.

section espace détente

Le luxe offert pour l'espace détente

Étapes:

Étape 1

1 — Analyse des différentes parties de la maquette sur Figma

Pour commencer, mon partenaire et moi avons analysés et décortiqués la maquette de Boxotel pour définir les sections des pages et les composantes nécessaires.

Étape 2

2 — Intégration HTML du site d'hôtel avec VS Code

Suite à notre analyse, nous concevons avec du code HTML les pages du site tout en gardant une bonne organisation des sections et des classes.

Étape 3

3 — Ajout du CSS aux sections et aux classes dans VS Code

Dès que nous avons fini avec l'HTML, nous poursuivons le progrès en stylisant avec le CSS les quatre pages du site de Boxotel.

Étape 4

4 — Programmation JS et ajustement responsive du site sur VS Code

À la suite des styles, nous poursuivons la refonte du site en ajoutant les composantes JS appropriées et en rendant nos pages responsive.

Étape 5

5 - Résultat final de Boxotel via le navigateur au choix

Maintenant que c’est tout finalisé, nous pouvons explorer le site sur un navigateur pour voir les types de chambres, les bonus de l'espace détente et les détails d'une chambre.

Crédits:

  • Félix Lapointe : intégration/développement web
  • Félix Charron : intégration/développement web
  • Tatiana Titov : direction artistique, design et maquette
  • Images utilisées : Pexels et autres médias