Projet n°7 de la formation Developpeur Web OPENCLASSROOMS
Kasa est dans le métier de la location d’appartements entre particuliers depuis près de 10 ans. L'entreprise souhaite faire une refonte totale de son site web.
Développer l'ensemble de l'application et ses composants avec React, en suivant les maquettes Figma fournies. Des composants réutilisables doivent être créés pour les onglets ouvrants et le carrousel de photo.
voila ce fichier JSON pour construire le Front qui correspond.
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" 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 Collapses 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.
- Découper en composants modulaires et réutilisables
- Structure logique des fichiers
- Utilisations des évènements
- Utiliser les listes en itérant dessus
- Utilisation des props entre les composants
- La page 404 est renvoyée pour chaque route inexistante, ou si une valeur présente dans l’URL ne fait pas partie des données renseignées
HTML5 / CSS3 / SASS / JavaScript / React
- Développer les routes d'une application web avec React Router
- Initialiser une application web avec un framework
- Créer des composants avec React
- Visiter le site web : https://sihambordjah.github.io/kasa/
- Soutenance validé le : ?/?/?
Ce projet a été lancé avec Create React App