- You’ll be tasked with creating a website that uses at least 2 APIs to gather and display information to the user. The purpose of the website is to do something that is completely useless!
- For example: my website asks the user for a question as input. When the user submits the question, the website displays the question along with “The answer is…” and instead of actually answering the question displays a string of 5 random words (Wordnik API), converted into “Yoda-speak” (Yoda Translation API) along with a random giphy (Giphy API).
- Take ~10 minutes to explore the following APIs. Note: you may have to sign up to acquire an API key for some of these:
- Requirements:
- The website should be responsive and work properly on a mobile device:
- The target device is iPhone5 (320x568)
- The website should include 2 or more event handlers
- The website must be properly hosted on GitHub
- The website should be responsive and work properly on a mobile device:
- First, Brainstorm the concept for your website and present your idea to your instructors, making sure to outline:
- Which API’s you’re using and how they’ll work together
- What each person is doing
- If it is not approved, make any necessary revisions and try again
- Once approved, make your wireframes:
- Remember, there should be a desktop and a mobile wireframe
- You do NOT need your instructor's approval here, however, it’s beneficial to you to ask for their advice and input.
- You may begin creating!
- Note: Be kind to the API server(s)! You’re cohort has 20 students all requesting information (likely from the same IP address). Don’t spam refresh your browser or loop 100 individual requests - this can get your IP address blacklisted!
- Note: Again, at this point I’m expecting your projects to be both functional and looking visually polished. Do your best!
- Incorporate Firebase as a way of keeping track of information previously used by users
- Your website should be able to display this previous information