Skip to content

WDverse/Tourist-trap

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

65 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Tourist-trap

Description

Tourist trap is a webpage that will give you a list of ten hotels within the city of your choice and display the current weather in that city. It is meant to aid travelers in finding a place to stay while they are planning a trip or vacation. Names and addresses of the hotels are provided so that travelers can look for a hotel that is close to where they want to be.

Table of Contents

Installation

N/A

Usage

A user will type the name of a city into the search bar. City names are available in an autocomplete dropdown box. For cities with the same name in multiple countries, users can find the city they are looking for by adding the country information after a comma or by selecting it from the autocomplete dropdown. E.g., Kingston, Canada vs. Kingston, Jamaica.

Upon clicking the search button, the current weather will appear, followed by a list of ten hotels in or near the city with some basic information.

Home Page on arrival

Image of home page on arrival

Example of the search field auto-fill functionality

Image of auto-fill feature

Web Page after search has been performed

Image of webpage after a search

Web Page mobile view after a search

Image of mobile view

Credit

Ali Sharabiani

License

N/A

APIs

Foursquare API

Weather API

Google Places API

Contributing

Emmanuel Appiagyei

Sivanishanthar Ramachandran

Matthew Taylor

Deployment

Here is the link to the webpage:

Tourist Trap

References

This site helped to format the fetch request for the foursquare api

This site helped fix an error that appeared in the foursquare API fetch request

About

A dynamic web app for a city's weather and hotels. Built with Foursquare API, Google Places API, Weather API, Bootstrap and JavaScript.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors