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