Skip to content

ayushshakyag/User-profile-viewer

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

10 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

User Profile Viewer

This app fetches data from the https://jsonplaceholder.typicode.com/users API endpoint and displays user profiles in cards. For each user, a unique avatar is generated using the https://avatars.dicebear.com/v2/avataaars/{{username}}.svg?options[mood][]=happy API endpoint.

Technologies Used This app was created using React and styled using CSS.

Installation and Setup To install and run the app, follow these steps:

Clone the repository to your local machine: git clone https://github.com/ayushshakyag/User-profile-viewer.git

Install dependencies by running npm install or yarn install in the root directory. Run the app by running npm start or yarn start.

Usage Once the app is running, a list of user profiles will be displayed. Each profile card contains the user's name, email, phone number, address, website, and company name. The user's profile picture is generated using their username.

Credits

The data for the user profiles is obtained from the https://jsonplaceholder.typicode.com/users API endpoint. The avatar images are generated using the https://avatars.dicebear.com/v2/avataaars/{{username}}.svg?options[mood][]=happy API endpoint.