/activity--async-fetch-and-render

Primary LanguageCSS

JS - Async Fetch + Render

The Demo

demo

Description

Use data from the Random User API and render each user from the results array inside of the <div> with a class of users-list.

To render properly, each element from the dataset should have the following structure:

  <article>
    <span>  «nat»  </span>
    <h6> «email»  </h6>
  </article>

You can see a demo in the index.html.

NOTE : The superagent promise library is already included. You will only need to make the request to the api.

Setup

# 1- go to warmups
cd ~/Documents/muktek/warmups

# 2- clone this repo
git clone git@github.com:muktek/activity--async-fetch-and-render.git

# 3- open in the browser
cd activity--async-fetch-and-render
xdg-open index.html

# 4- open in atom and start work
atom .

Notes

Data source: https://randomuser.me/api/?results=50

Extra

Use an event listener to trigger the fetching + rendering

demo