Task 1: Using one of the APIs below (or an API of your choice) to create a webpage that performs a GET and displays the information returned on your webpage.
Task 2: Apply css and styling to your webpage using the UI and UX principals we used last week.
W3Schools has some cool styles and css tricks you can apply to your page - Link
API Description | API URL to use in your code | API Documentation |
---|---|---|
Check prices of Crypto Currencies | https://api.coinlore.net/api/tickers/?start=100&limit=100 | https://www.coinlore.com/cryptocurrency-data-api |
Generate a Yes or No Randomly | https://yesno.wtf/#api | https://yesno.wtf/api |
Random list of Cat Quotes | https://meowfacts.herokuapp.com/?count=15 | https://meowfacts.herokuapp.com/ |
Draw a Random Card | https://deckofcardsapi.com/api/deck/wsiwow4jh419/draw/?count=1 | https://deckofcardsapi.com/ |
Get a list of fruits | https://www.fruityvice.com/api/fruit/all | https://www.fruityvice.com/ |
Harry Potter spells list | https://wizard-world-api.herokuapp.com/Spells | https://wizard-world-api.herokuapp.com/swagger/index.html |