Countries Searcher

Autocomplete app for Countries

https://countries-search.herokuapp.com/

What?

Our website that give you ability to enter your country name in the search text input field which will give you back sensible suggestion related to the selected country.

How?

• Day 1:

  • Creating our server & router and starting to create our functions.
  • Modularisation.
  • Make the front-end designe.

• Day 2:

  • Completing our functions.
  • Check our app's responsive and git a 100% of accessibility.
  • Deploying on Heroku.

What is the Sites file structure?

The site contains 3 folders:

1. public folder:

the frond end part contains two three-folders:

• img folder : contains the images.
• js folder : contains the script.js.
• css folder : contain the style.css and media.css.
• and the index.html.

2. src folder: The back end part contains js files (router.js, server.js, function.js and contains one sub-file that contain data: (names.json).
3. test folder:

• Here we have the testing part of our project in the test.js file.

What we learn!!

• How to initialize a project's package.json.
• Creating a basic http server.
• Creating a router for your server.
• Learning how to use the fs core module to read and write from the file system.
• Learning how to communicate with your http server from the front-end.
• Learning about how to modularise your server code.

How to use ?

• User Side :

  • Open url for the website .
  • Write the Country Name in the input box bellow.
  • click on any itemList to search about it .

• Developer Side:

  • git clone "[email protected]:FACG5/Seacrh_Box_Team.git"

  • npm install to install all dependencies`

  • npm start