(cliquez sur le lien pour aller à la version française)
This work is the final project of OpenClassrooms Web Developer training.
This repo contains the Kasa web app.
Kasa is an 10-years old agency specialized in the private rental. They recently decided to upgrade their web app using Node-Js for the back-end and React-Js for the front-end.
This repo is focused on the front-end.
This project uses the following tools :
➡️ React 18.2.0 (React Website)
➡️ React Router (React Router Website)
➡️ Dart-Sass (Sass Website)
The project was launched with Create-React-App
You will have to have Node (v14 or more) installed : Node Website
1️⃣ Clone or download this repo into the created folder
2️⃣ From the folder in your Code Editor, open a terminal and install the project
npm install
3️⃣ Type the following instructions to launch the project :
npm run start
The app will run on http://localhost:3000 The page will reload with every changes.
4️⃣ If you want to make changes to the style of the project, launch Sass :
npm run sass
All the styling rules are in the src/sass-files folder. Sass will automatically auto-compile your changes dans save it in the style.css file.
You're all set !
(click on the link to go directly to the english version)
Ce travail a été réalisé pour le projet final de la formation Développeur Web d'OpenClassrooms.
This repo contient le front-end de la web-app de la société Kasa.
Kasa est spécialisé dans la location de biens immobiliers de particulier à particulier depuis 10 ans. La société a récemment décidé de faire une refonte totale de leur site en utilisant Node-Js pour le back-end et React-Js pour le front-end.
Ce project utilise les outils suivants :
➡️ React 18.2.0 (React Website)
➡️ React Router (React Router Website)
➡️ Dart-Sass (Sass Website)
Le projet a été amorcé avec Create-React-App
Il faudra installer Node (Node Website)
1️⃣ Clonez ou téléchargez ce repo
2️⃣ Depuis le dossier du repo dans votre IDE, ouvrez un terminal et installez le projet :
npm install
3️⃣ Tapez l'instruction suivante pour lancer le projet :
npm run start
le projet se lancera via la page http://localhost:3000 A chaque changement, la page se rechargera.
4️⃣ Si vous souhaitez modifier le style, vous pouvez lancer Sass :
npm run sass
Tous les fichiers de style sont rangés dans le dossier src/sass-files.
Sass compilera automatiquement tous les changements dans le fichier style.css.