GraneetTest

What is the use of this Repo

Set up an application composed of a front in React with an API provided by a back in Node Js. This application allows you to list the cities which correspond to an input character string. The data should be retrieved from data.gouv.fr (https://www.data.gouv.fr/fr/datasets/codes-postaux/)

Specs:

1. Only the first 100 cities should be displayed
2. Cities should be divided into two categories, those of the metropolis and others
3. Cities must be ordered by their names
4. The filtering of cities must be done in the back to avoid passing too much of data

Live Application URL

This URL has the application deployed in

https://graneet-yas.herokuapp.com/

Prerequisites

Install Node JS

Refer to https://nodejs.org/en/ to install nodejs

Install create-react-app

Install create-react-app npm package globally. This will help to easily run the project and also build the source files easily. Use the following command to install create-react-app

npm install -g create-react-app

Cloning and Running the Application in local

Clone the project into local

Install all the npm packages. Go into the project folder and type the following command to install all npm packages

npm install

In order to run the application Type the following command

npm start

The Application Runs on localhost:3000

Application design

Resources

create-react-app : The following link has all the commands that can be used with create-react-app https://github.com/facebook/create-react-app

ReactJS : Refer to https://reactjs.org/ to understand the concepts of ReactJS