Random User Generator

A Random User Generator web application built using HTML, CSS, JavaScript. This project fetches random user data from an API and displays information such as the user's name, email, location, and profile picture. The application uses JavaScript asynchronous functions with async and await to handle API requests and dynamically update the user interface.

Built With

HTML | CSS | JavaScript | Async/Await | Random User API

Live Demo

https://sabithra-m.github.io/Random-User-Generator/

Project Demo

Main User Interface

Generated Random User

Features

• Generate random user profiles instantly
• Fetch user data from an external API
• Display user name, email, location, and profile image
• Clean and responsive user interface
• User async/await for asynchronous data fetching

How It Works

• The application sends request to the Random User API.
• JavaScript uses async and await to fetch the use data.
• The API returns random user information.
• The data is displayed dynamically on the webpage.

Technologies Used

• HTML5 - Structure of the application
• CSS3 - Styling and layout
• JavaScript - Application logic
• Async/Await - Handling asynchronous API requests

Learning Outcomes

Through this project I learned:

• HoW to work with APIs in JavaScript
• Using async and await for asynchronous functions
• Fetching and displaying dynamic data
• DOM manipulation using JavaScript

Future Improvements

• Add loading animation
• Add multiple user generation
• Improve UI design
• Add copy user datails feature

Author

Sabithra M

Aspiring Frontend Developer