Hapi Places

A site that generates a profile for a random city, to provide users with useful information about living conditions. This project is for us to learn about building servers with Hapi, rendering templates with Handlebars on the server side, practicing testing with Istanbul and Tape, and generating API calls. The two apis we are using are;

• Nomadlist
• Wikipedia

How to check out our project

• Visit us on Heroku http://hapi-places.herokuapp.com/
• Clone this repo
• Go into the directory and run npm run start (or nodemon src/server.js if you have nodemon installed)
• Navigate to http://localhost:8000/ in your browser

How to run our tests

• Back-End Tests: run npm run test to initiate Tape tests.

User Stories

Our site is for Digital Nomads looking for their new dream country based on multiple selection criteria.

As a user;

• When I first navigate to the site I am presented with information about a random city. When I refresh the page, I am presented with information about a new random city.
• At the top of the page I should see an image of the random city.
• I can see the name of the city, and the country it is in the center of the image.
• I can click on a button saying 'Find Another City' to return a page about a new random city.
• Underneath the image, I see a statistics chart.
• Inside the statistics chart, I first see a cost per month label, displaying the average living cost per month in pounds sterling. To the right of this, I see a button that says (SHOW ME) CHEAPER. When I click on the button, a new page loads with information about a new city, with a cheaper cost of living.
• The next row shows the current temperature of the city. To the right of this, I see two buttons, one that says (SHOW ME) COLDER and one that says (SHOW ME) WARMER. When I click on either of these, I'm presented with a new page with either a hotter/colder temperature, depending on which button I clicked.
• The next row displays the city's internet speed, which shows the average speed measured inMBPs. To the right of this, I see a button that says (SHOW ME) FASTER. When I click on this button, I'm presented with a new page with a better Internet speed.
• The next row displays the city's safety rating, which is given as a percentage. To the right of this, I see a button that says (SHOW ME) SAFER. When I click on this button, I'm presented with a new page with a better SAFETY rating.
• The final row displays the city's average coffee price, which is given in pounds sterling. To the right of this, I see a button that says (I NEED) CHEAPER. When I click on this button, I'm presented with a new page with a cheaper Average Coffee Price.
• Underneath the statistics chart, I see a paragraph long quote about the city, taken from Wikipedia.
• Sometimes, if no article is found from wikipedia, the quote simply displays '[city] is a city in [country]. Click here to find out more on Wikipedia'.
• Underneath the quote, I see a large button, displaying 'Find a flight >>'. When I click on this button, I am taken to a separate page to book flights to the country the city is in.
• At the bottom of the page I see a footer containing information about the creators of the site, and the APIs used.