akshikamudgal / lab-js-prograd-contacts

ProGrad Lab | JS | PROGRAD-CONTACTS

We have learned promise works in JavaScript. Now lets work with our promise lab, applying all of the concepts we have just learned.

What should you do

Fork this repo
Clone this repo
Practice promise Features

How To Submit

Upon completion, run the following commands:

git add .
git commit -m "ProGrad ID"
git push origin master

And finally, create a pull request so your ProGrad Mentor (PM) can review your work.

Progression 1: PROMISE ME

Create a promise call which fetches data from (https://jsonplaceholder.typicode.com/users). When the promise gets resolved display the data in browser console.

Progression 2: SHOW MY PROMISE

Once the promise gets resolved, Display it in the form of list as shown in the output. Use the code snippet below for reference

var player='<h2>Lists of Users</h2>';
                    result.forEach(function(user) {
                     player+=
                    `<div class="player">
                      <div class="strength">Name : ${user.name}</div>
                      <div>Email   : ${user.email}</div>
                      <div>Phone   : ${user.phone}</div>
                      <div>Website : ${user.website}</div>
                      <div>Company : ${user.company.name}</div>
                      <div>City    : ${user.address.city}</div>
                      <div>Zipcode : ${user.address.zipcode}</div>
                     </div>`

Progression 3: REJECT ME

When the promise call is rejected then throw an error.

(error) => {
    console.log('Promise rejected.');
    console.log(error.message);
  });

Happy Coding ProGrads❤️