Skip to content

alternadiva/Home-Traveller-Project

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

99 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Home Traveller

Travelling can be costly, time-consuming, while tourism has become a big environmental threat. What if we become more conscious travellers by travelling from the comfort of our homes? This is what Home Traveller is all about. Just choose a country and let Home Traveller do all the work for you.

While we understand the limitations of this approach to travelling, we found this project to be a great way to practice DOM manipulation and using APIs.

🖥️ View Home Traveller🧳

Project Requirements

  • See an interesting mash-up of different data
  • Input information to change the displayed result
  • A responsive, mobile-first design
  • Query at least two APIs using fetch
  • Dynamic content generated with JS
  • Ensure your app is accessible to as many users as possible

Here's a detailed description of the project requirements.

APIs used

User Journey

  1. Land on the page

  2. Enter a country or use the “Random Country” button.

  3. See a dish recommendation if the cuisine of the country belongs to one of the following categories:

    • American
    • Asian
    • British
    • Caribbean
    • Central Europe
    • Chinese
    • Eastern Europe
    • French
    • Indian
    • Italian
    • Japanese
    • Mediterranean
    • Mexican
    • Middle Eastern
    • Nordic
    • South American
    • South-East Asian
  4. See a film recommendation based on a language spoken in that country.

  5. Try another country!

home_traveller

✨ Developed and designed by Alex, Petra, and Sonia. ✨