Whiteboard your app

Make a code plan

Pseudo code and then translate to JavaScript Create a new repo (name it descriptively well), clone it to your local machine and share it with your partner

Open the directory and create an index.html and main.js file to fetch a user and display them one at at time

Use the API: https://randomuser.me/api/ to fetch a user now Fetch a new user multiple times and store them in an array

function to perform a basic fetch and put the results in the addressBook array

then list out all the users in your address book array by name and picture

loop through ... use .map()

figure out how to to fetch multiple users in one fetch request

look at docs:

https://randomuser.me/api/?results=20&nat=us

Then list out all the users in your address book array by name and picture Figure out how to fetch multiple users in one fetch request

Fetch multiple users on window load run the fetch function as soon as the web page loads in the window

window.onloadI(call the mainFunction()) first line in my js file

Add a button to each user that when clicked displays the rest of their information like DOB, address and so forth

toggle button  show or hide the extra info

https://www.w3schools.com/howto/howto_js_toggle_hide_show.asp

Once you have the functionality working, feel free to style and structure your address book with CSS and HTML