Music Events Near You

How to run

1. Click Download ZIP
2. Open 'index.html' in your browser of choice
3. That's it!

Using the App

1. Type in your City or Address and press "Show Me The Music!"

• The City and Map are by default set to Orlando. It's where I live, so I'd like it to be the default when I share with friends.

• When "Show Me The Music!" is clicked, new buttons, a filter bar, and a list of music events will appear. Markers will also be placed on the map showing where each event venue is located.
• In grey are the venue names, and below are the individual performers playing at each event.

2. Clicking on the markers will show you the venue that it refers to.
3. Clicking the venue names in the list will show you where the venue is located on the map.
4. To filter by specific venue, type the venue name in the input bar, and click "Set Filter"

• To remove the filter, simply click "Remove Filter"

5. On the initial search, 50 events will be loaded. To load more events, simply click the "Load More Events" button.

• If available, 50 more events will be appended at the bottom of the list.

6. If you would like to change your city/neighborhood, simply type it into the input bar and press "Change Neighborhood"
7. Clicking the individual artist names will highlight the currently selected artist, as well as the other artists performing at the event on which you clicked.

• An info window detailing the event title will also appera above the venue the artist is performing at.

8. Click on "Get Info", inside the info window, to get detailed information on the event, and artist.

• A new view will appear, which will show you the event title, venue name and address, the date/time of the event, the name of the performer selected in the list, link(s) to several of the performer's profiles (as available: Last.FM, MusicBraniz, Myspace, Twitter, and Wikipedia), and images/links to videos of the performer (as available).

9. Click on any links shown, and a new tab/window will appear taking you to one of the artist's profiles.
10. Click on any of the images under "Videos", and a new tab/window will appear taking you to that video.
11. Click on the "Back To Map" button on the top, to go back to the map view.

Resources Used

APIs

1. SeatGeek API
2. EchoNest API
3. Google Map Javascript API

Libraries/Frameworks

1. jQuery
2. Bootstrap
3. Knockout

Articles

1. Private Members in Javascript
2. Stack Overflow question I posted
3. Centering google map on resize
4. Ajax error handling
5. Post I made on Udacity Discussions Board - Ended up not working out.