Skip to content

siyuduan2023/DictionaryApp

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

13 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

About

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


The given task

Fetch Recap Task: Today, you will be using your newfound skills to make apps that request data from a server.

Step 1 - Choosing an API

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.

Step 2 - Plan and build

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.