Try to enhance your knowledge about French cities by placing them on a map. You can choose the level of difficulty, the higher the level, the less populated the city. Then, you have ten cities to place on the map, and the more accurate you are, the more points you get.

Visit the website:

Just go to villes-de-france.maxencebonamy.fr.

Run the code:

Note

Prerequisites:

• Git must be installed on your computer. If not, click here.
• NodeJS must be installed on your computer, if not, click here.

1. Clone the repository on your computer. To do this, open a terminal in the folder of your choice and run the following command:

git clone https://github.com/maxencebonamy/Villes-de-France

2. Navigate inside the folder you've just cloned with the following command:

cd Villes-de-France

3. Install NodeJS dependencies with this command:

npm i

4. Start the development server locally with the following command:

npm run dev

5. A message will be displayed in the console, indicating the url of the local development server. Simply use your browser to go there.

Useful website features:

• Change theme (light or dark) with a toggle button at top right.
• Change level (the higher the level, the less populated the city).
• The map is interactive, you can zoom in and out, and move around.
• The website is only available in French so you can practice your French skills while learning about French cities.

Compatibility:

• The website is fully responsive for a computer, tablet or phone screen.
• It works on all Chromium browsers (e.g. Chrome, Opera or Brave), as well as Edge, Firefox and Safari.