Project
Random User Generator
Hard
81 completions
~ 11 hours
4.3Create 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
1 year ago
Moderator
I have learned how to use promises and how to operate with DOM objects and methods.
Bohyun Lee
1 year ago
Connecting JavaScript with HTML and CSS was a great experience. I learned a lot.
2 years ago
I learned how to work with local-stoarge and how to fetch data by fetch API.
4.3
Learners who completed this project within the Frontend Developer course rated it as follows: