Kasa

Description

Kasa est une application web de location immobilière développée dans le cadre de la formation Développeur Intégrateur Web d'OpenClassrooms.

L'objectif du projet était d'implémenter le front-end d'une application moderne avec React, React Router et Sass. Les données des logements sont simulées à partir d'un fichier JSON, ce qui permet de construire une interface dynamique sans back-end réel.

Objectifs

• Initialiser une application React avec Vite.
• Configurer la navigation avec React Router.
• Développer des composants React réutilisables.
• Exploiter des données issues d'un fichier JSON.
• Intégrer une interface responsive conforme aux maquettes.
• Mettre en œuvre des animations CSS avec Sass.

Technologies utilisées

• React
• React Router
• Vite
• JavaScript
• Sass
• CSS animations
• Node.js
• JSON
• Figma

Fonctionnalités

• Page d'accueil avec liste des logements
• Page détail pour chaque logement
• Routes dynamiques
• Page À propos
• Page d'erreur 404
• Carrousel d'images
• Composants collapsibles
• Notation par étoiles
• Affichage des tags
• Interface responsive

Compétences développées

• Développement React
• Composants réutilisables
• Props React
• Routage avec React Router
• Routes dynamiques
• Gestion des données JSON
• Structuration d'application front-end
• Sass
• Animations CSS
• Responsive Design

Aperçu

Application de location immobilière développée avec React, proposant une navigation multipage, des fiches logements dynamiques, des composants interactifs et une interface responsive.

Lancer le projet

1. Cloner le dépôt.
2. Installer les dépendances avec npm install.
3. Lancer le serveur de développement avec npm run dev.
4. Ouvrir l'URL locale affichée dans le terminal.

Auteur

Projet réalisé dans le cadre de la formation OpenClassrooms - Développeur Intégrateur Web.