URL: https://scotttots.github.io/scottstots/
In this project we will be building a responsive website that allows you to search for an event, venue, or artist and will display their most popular songs and their upcoming events. Once an event is selected and a ticket is purchased, the user will be able to see a list of hotels around the venue for their potential stay and book.
As a music lover I am searching for my favorite artists upcoming shows.
I then want to see upcoming shows and see hotels in the city where the event is held.
- A PERFORMER or an event of interest
- ex: user enters “Bad Bunny” into the search bar
I then want to see upcoming concerts and see which hotel is closest in the city where the event is held.
I also want to be able to got back to my last search.
- ex: user enters “bad bunny” into the search bar the table will update to:
1. display the date,
2. location,
3. ticket price,
4. closest hotel,
5. and a link to get tickets.
1st API (SEATGEEK) gets
- list of performers
- Use insomnia to generate the JS code
- get the performer ID from the fetch request
- use the performer ID to get their event info (venue name, address, city, zip, etc)
- use location info for 2nd API
2nd API (AMADEUS) TAKES the VENUE geolocation coordinates from 1st API
- find hotels nearby
- save recent searches using local storage
- limited amount of results shown on page to 5
2nd API (AMADEUS) TAKES the VENUE address/city from 1st API
- find hotels nearby to the venue of the concert
The code works down the two apis to fill information for an event then updates the html before beginning the process again up to 5 times.
- Additional row in 2nd search result
Steps to replicate issue:
1. Search for artist
2. Hit Enter
3. Search for another artist
4. Hit Enter
- Results seems random, not in order.
