opendevs logo

Great UI, Beautiful data

Solidify your knowledge of Http Requests by solving this problem.

Babita Jii is a part time web developer. She is currently working on webpage for Gada Electronics. She has created a UI to display all of the products in a list. But it contains dummy data at this point. She has to fetch data from the website URL & display it in the list. She needs help figuring out how to do so. Can you help?


  1. The Data should be fetched from the URL:

  2. If no data is there then display a message that says "Loading..." in paragraph tag.

  3. When data is fetched then display the product name in a list.

  4. Data is of format:

    [ { "id": "1", "name": "Product 1" }, { "id": "2", "name": "Product 2" }, { "id": "3", "name": "Product 3" } ]
  5. [IMPORTANT] Please only use fetch API

Solve this easy problem to earn  1  DevCoin image
Coding Area
opendevs logo
CoursesFAQsContact UsPrivacy PolicyTerms Of Service
Copyright © 2023 opendevs
Learn ● Develop ● Ace
All illustrations by Storyset