opendevs

Great UI, Beautiful data

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?

Requirements:

  1. The Data should be fetched from the URL: https://gadaelectronics.dev11.in/products

  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


Difficulty

easy

Solve the practice problems to earn    DevCoin image 
Coding Area
Output

Copyright © 2022 opendevs

Learn ● Develop ● Ace
All illustrations by Storyset