Travel with the Team

Authors:

• Nancy Ta: worked on the Event API processing.
• Matt Krebs: worked on the layout and styling.
• Tim Shaffer: worked on the Game Schedule API processing.

Tech Used

• HTML
• CSS
• Bootstrap
• JavaScript
• jQuery
• moment.js

Default Page - index.html

• Link directly to the page here: https://tim-shaffer.github.io/TeamTravel/

Requirements:

1. Must uses at least two APIs

   • Uses the MySportsFeeds.com API to pull back a provided teams schedule.
   • Uses the TicketMaster API to pull back activities for a location and specific date range

2. Must use AJAX to pull data

   • AJAX calls were used to GET data from both API's

3. Must utilize at least one new library or technology that we haven't discussed

   • MySportsFeeds API required Basic Authorization and the use of a Base 64 encoded key
   • The Postman App was used to verify API calls and parameters

4. Must have a polished frontend / UI

5. Must meet good quality coding standards (indentation, scoping, naming)

6. Must NOT use alerts, confirms, or prompts (look into modals!)

   • A Modal is used to gather input from the User including the league and Team Name that they want to get a schedule for.

7. Must have some sort of repeating element (table, columns, etc)

   • The game and activities pulled back from the APIs are presented in a table format.

8. Must use Bootstrap or Alternative CSS Framework

9. Must be Deployed (GitHub Pages or Firebase)

   • Project was deployed to GitHub Pages and can be accessed here: https://tim-shaffer.github.io/Project-1/

10. Must have User Input Validation

    • User must first select a league which then populates the Team Name dropdowns.
    • User must enter league, team, and name or the submit button will not proceed to the next step.
    • User name is mentioned within the game and activities sections.