I use an external API (Dictionary API) to create a dictionary APP. This is a practice project when learning API with SoC full-stack development BootCamp.
How: Input a word and click the search button. The outcome includes the word, part of speech (pos), pronunciations (sound), and meaning.
Outcome:
- Gets data from the Dictionary API using fetch
- Displays the data on the page using DOM manipulation
- Design UX/UI
Fetch Recap Task: Today, you will be using your newfound skills to make apps that request data from a server.
Here are some free APIs we can use.
Each API has documentation on how to ask for data by changing the URL. Look at the documentation and pick which API you want to use. Test it with a tool like Thunder Client, Postman, etc.
Look at the response types you can get. Based on the information the API returns, plan out the functionality of your app and how you'll display the information.
Now that you picked an API and tested it, plan and build a web app that:
- Gets data from the API using fetch
- Displays the data on the page using DOM manipulation
Remember to use computational thinking.