Exercises for working with APIs!
Read more
The first challenge! A simple exercise to learn how to handle multiple API calls in a single function call. Also some training on thinking of scalability and DRY coding.
To begin the challenge:
cd 01-multiple-apis
yarn
yarn start
You can then navigate to http://localhost:1234 on your browser
assets/js/main.js
- We should not need to change anything in this file.
- From a single function call
fetchBonanzApi()we should be able to get all our data and pass to the callback functionpopulateDashboard.
assets/js/modules/api.js
- We are immediately receiving an error in our console when we start our app, we need to update something in this file to clear the error.
fetchBonanzApi()should return the right data to pass along to our callback function inmain.js.
assets/js/modules/dashboard.js
- We export a single function here used as a
callback function. - A helper function was created for us to use to quickly update the DOM.
- (optional) If this file seems lengthy, it means you can refactor this way more! Try think about scalability. What if more API's are to be added over time. How would we prepare for that?
index.html
- Feel free to change the html markup to better suit your strategy to update the information.
- There's no css in the file. We're just using bootstrap's utility classes. That's why everything looks so ugly. 🤮