Développeuse Fullstack en alternance
Kasa
Kasa

Kasa


Projet basé sur une plateforme web de location d’appartements entre particuliers.

Le but est de démarrer le projet React et développer l’ensemble de l’application, les composants React, les routes React Router, en suivant les maquettes Figma (responsives) et toutes les infos données. Quelques précisions sur les fonctionnalités du site :

  • Pour le défilement des photos dans la galerie (composant Gallery) :
    • Si l’utilisateur se trouve à la première image et qu’il clique sur « image précédente », la galerie affiche la dernière image. 
    • Inversement, quand l’image affichée est la dernière de la galerie, si l’utilisateur clique sur « image suivante », la galerie affiche la première image. 
    • S’il n’y a qu’une seule image, les boutons « suivant » et « précédent » ainsi que la numérotation n’apparaissent pas.
  • La galerie doit toujours rester de la même hauteur, celle indiquée sur la maquette Figma. Les images seront donc coupées et centrées dans le cadre de l’image.
  • Collapse : Par défaut, les Collapse sont fermés à l’initialisation de la page. 
    • Si le Collapse est ouvert, le clic de l’utilisateur permet de le fermer.
    • Inversement, si le Collapse est fermé, un clic permet de l’ouvrir.

Compétences

  • React (composants, hook)
  • React router
  • SASS

Liens