Project
Random User Generator
Hard
92 completions
~ 11 hours
4.4Create a web page that can fetch random user data from API for testing purposes and display it on a web page. Also, work with promises and handle different data structures.
Provided by
JetBrains Academy
About
Do you know how developers test their apps with random user data? Well, they can use public APIs to generate that data, like how they use Lorem Ipsum for dummy text. Creating a web page to display those random user profiles using HTML and JS is a great way to practice working with data and public APIs. Pretty neat, huh? Take this project to find out how you can do it.
Training project
This project allows you to practice and strengthen your coding skills, helping you get ready for more advanced tasks ahead.
What you'll learn
Once you choose a project, we'll provide you with a study plan that includes all the necessary topics from your course to get it built. Here’s what awaits you:
Fetch random user info from the API.
Remove the unnecessary information and display the rest on the page.
Fetch more users when requested and display it as a list on the page.
Save the fetched users to local or session storage.
Add some CSS and style the page how you like.
Reviews
7 months ago
In this project, I learned how to integrate an external API using XMLHttpRequest and persist data with LocalStorage. My main challenge was handling the asynchronous nature of the request to ensure the saved users were displayed correctly without overlapping or race conditions. I overcame this by imp ...
2 years ago
Moderator
I have learned how to use promises and how to operate with DOM objects and methods.
Bohyun Lee
2 years ago
Connecting JavaScript with HTML and CSS was a great experience. I learned a lot.
4.4
Learners who completed this project within the Frontend Developer course rated it as follows: