![Capture d'écran 2023-12-05 093723](https://private-user-images.githubusercontent.com/130040163/287975738-dc0c17d4-e35c-4537-9720-b484e14e7bb3.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzkyOTQ2NjIsIm5iZiI6MTczOTI5NDM2MiwicGF0aCI6Ii8xMzAwNDAxNjMvMjg3OTc1NzM4LWRjMGMxN2Q0LWUzNWMtNDUzNy05NzIwLWI0ODRlMTRlN2JiMy5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjUwMjExJTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI1MDIxMVQxNzE5MjJaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1hMzFlODNjNTkzZjNhYmFkYzM0NDM1MjhkZWFkYTRjMzBiNDdkNjIwMzRlNTczM2FmMDZiNmY2Njg5Y2NlOTRhJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCJ9.LJ0aMf3RcKwnWabixKU1UCQkrzV5aavDzGptnuul9Ls)
![Capture d'écran 2023-12-05 093759](https://private-user-images.githubusercontent.com/130040163/287975773-c9d12ffc-518f-4cf6-9d74-e2c02331acda.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzkyOTQ2NjIsIm5iZiI6MTczOTI5NDM2MiwicGF0aCI6Ii8xMzAwNDAxNjMvMjg3OTc1NzczLWM5ZDEyZmZjLTUxOGYtNGNmNi05ZDc0LWUyYzAyMzMxYWNkYS5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjUwMjExJTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI1MDIxMVQxNzE5MjJaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1lNGRjYzNjN2ZkYzVhZjQ2YmIwODgwMGM1MTFlNzJjY2VjNzViMDNiZjkzNGZjNzA1NzVhYzUyNjVhZWE5NzA2JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCJ9.ngYT6ye6lvZHI4mWUqt0JYkicPS5XB4LuDzKMUsp0GQ)
Kasa me recrute en tant que développeur front-end en freelance pour développer sa nouvelle plateforme web.Le site de Kasa a été codé il y a maintenant plus de 10 ans en ASP.NET avec un code legacy important. Laura, la CTO, a donc lancé une refonte totale pour passer à une stack complète en JavaScript avec NodeJS côté back-end, et React côté front-end.
Quelques précisions sur les fonctionnalités du site :
- Pour le défilement des photos dans la galerie (composant Carousel) :
- 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 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.
- Mettre en oeuvre des animations CSS
- Développer une interface avec SASS
- Configurer la navigation entre les pages de l'application avec React Router
- Développer des éléments de l'interface d'un site web grâce à des composants React
- Initialiser une application avec Create React App
This project was bootstrapped with Create React App.
Pour démarrer le projet :