Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/jeromeabel/oc-p11-kasa

Develop a web application with React and React Router
https://github.com/jeromeabel/oc-p11-kasa

react react-router sass

Last synced: 13 days ago
JSON representation

Develop a web application with React and React Router

Awesome Lists containing this project

README

        

[![Node](https://img.shields.io/badge/nodejs-333333?logo=nodedotjs)](https://nodejs.org/)
[![React](https://img.shields.io/badge/react-20232A?logo=react)](https://reactjs.org/)
[![Sass](https://img.shields.io/badge/sass-F8F8F8?logo=sass)](https://sass-lang.com/)

# oc-p11-Kasa šŸ‘‹

This project is the nĀ°11 in the [OpenClassrooms Front-End learning path](https://openclassrooms.com/fr/paths/516-developpeur-dapplication-javascript-react).

I am a freelance developer. My client is **Kasa**, the leader in private apartment rentals in France. I have to develop their site from models into a SPA with React and React-Router. The data are stored in a .json file (mock).

## āœØ Demo

- [Website](https://jeromeabel.github.io/oc-p11-kasa/)

![Screenshots](screens.png)

## šŸšØ Prerequisites

To get and build the project you will need to install :

- [NodeJS](https://nodejs.org/)
- A terminal to run commands. If you don't have one, I would recommend to use [Visual Studio Code](https://code.visualstudio.com/), it provides an integrated terminal inside the code editor.
- Optional : [Git](https://git-scm.com/)

## šŸ› ļø Installation

The project was created with "create-react-app"

```sh
$ npm install
```

## šŸš€ Usage

```sh
$ npm run start
```

The web browser should be opened automatically at this address : http://localhost:3000/oc-p11-kasa

## šŸ‘¤ Author

- [@jeromeabel](https://github.com/jeromeabel)

## šŸ“ License

- [GNU--GPL--3](https://www.gnu.org/licenses/gpl-3.0.fr.html)