Bienvenue sur Kasa, un projet de formation réalisé dans le cadre de la formation Développeur Web d'OpenClassrooms. Ce projet est une application web full front-end développée avec React, React Router, et SCSS.
- Développer une application React moderne avec une navigation dynamique et performante grâce à React Router.
- Appliquer une architecture modulaire et des pratiques de développement front-end professionnelles.
- Mettre en œuvre une interface utilisateur responsive avec SCSS.
- Travailler sur une expérience utilisateur fluide, avec une navigation intuitive et des animations.
- React : Librairie JavaScript pour créer des interfaces utilisateur dynamiques.
- React Router : Gestion des routes pour une navigation fluide entre les pages.
- SCSS : Préprocesseur CSS pour une gestion avancée des styles et un code plus maintenable.
- JavaScript ES6+ : Utilisation des dernières fonctionnalités du langage.
Voici un aperçu de l'organisation des fichiers :
📦 Kasa
├── 📂 src
│ ├── 📂 assets // Images et ressources statiques
│ ├── 📂 components // Composants réutilisables
│ ├── 📂 pages // Pages principales de l'application
│ └── index.js // Point d'entrée de l'application
├── .gitignore
├── package.json
├── README.md
└── yarn.lock
- Page d’accueil :
- Liste des logements avec une vignette (image, titre).
- Design semi-responsive.
- Page “À propos” :
- Présentation de l’entreprise Kasa avec des informations détaillées.
- Page détail d’un logement :
- Informations sur le logement : description, équipements, photos.
- Carrousel d’images interactif.
- Affichage de la note sous forme d’étoiles. 4.Gestion des erreurs 404 :
- Affichage d’une page dédiée en cas de route inexistante.
- Clone le dépôt :
git clone https://github.com/Jyzdcs/Kasa.git cd Kasa - Installer les dépendances
npm install
- Lancer le serveur :
npm start
- Ouvrir le navigateur sur http://localhost3000