Kasa — Projet 8 — OpenClassRooms

Implémentez le front-end d'une application de location de logements avec React.

Table des matières

1. Introduction
2. Description
3. Technologies utilisées
4. Objectifs pédagogiques
5. Pré-requis
6. Installation
7. Lancement de l’application
8. Contribution
9. Licence
10. Contact

Introduction

Ce projet est réalisé dans le cadre du programme de formation Développeur Intégrateur Web chez OpenClassRooms. L'objectif est de développer le front-end d'une application de location de logements en utilisant React et React Router, en suivant les maquettes fournies et en utilisant des données simulées extraites d'un fichier JSON.

Description

Pour Kasa, une plateforme de location d’appartements fictive, j’ai développé une interface web en utilisant React, Sass et React Router. Le projet comprenait le développement de divers composants React et l’implémentation d’animations CSS.

Technologies utilisées

Le projet utilise les technologies suivantes :

• React : Bibliothèque JavaScript pour créer des interfaces utilisateur.
• Sass/CSS : Préprocesseur CSS pour des styles plus puissants et organisés.
• React Router : Bibliothèque pour la gestion des routes dans une application React.
• Node.js : Environnement d’exécution JavaScript côté serveur.
• Yarn : Gestionnaire de paquets.

Objectifs pédagogiques

• Développer une interface web avec Sass.
• Initialiser une application avec Create React App.
• 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.
• Mettre en œuvre des animations CSS.

Pré-requis

Avant de commencer, assurez-vous d’avoir les versions suivantes installées :

• NodeJS >= v16.14.1
• Yarn (gestionnaire de paquets)

Installation

1. Clonez ce dépôt sur votre machine locale :

git clone https://github.com/votre-utilisateur/kasa.git

2. Installez les dépendances nécessaires avec Yarn :

yarn install

Lancement de l’application

Pour démarrer l’application, exécutez la commande suivante :

yarn start

L’application sera lancée à l’URL : http://localhost:3000.

Contribution

Pour contribuer :

1. Forker le dépôt.
2. Créer une branche (git checkout -b feature/FascinatingFeature).
3. Committer les modifications (git commit -m 'Add FascinatingFeature').
4. Push sur la branche (git push origin feature/FascinatingFeature).
5. Ouvrir une Pull Request.

Licence

Ce projet est sous licence Apache 2.0. Voir le fichier LICENSE pour plus de détails.

Contact

Pour toute question ou suggestion, n’hésitez pas à me contacter via hello@mikepixel.dev ou visitez mon portfolio.