Project : Random User App v2

Check The Live Website ➡️ Live Website

Visualization of the Website

Description

Project aims to create an Random User app with React.

Learning Outcomes

At the end of the project, you will be able to;

• improve coding skills within HTML & CSS & JS & ReactJS.

• use git commands (push, pull, commit, add etc.) and Github as Version Control System.

Problem Statement

• We are adding a new project to our portfolios. So you and your colleagues have started to work on the project.

Project Skeleton

Project(folder)
|
|----README.md
├── public
│     └── index.html
├── src
│    ├── components
│    │       ├── Footer.js
│    │       ├── Footer.css
│    ├── assests
│    ├── App.js
│    ├── index.js
│    ├── App.css
│    ├── index.css
└── package.json

Dependencies

• react-dom@6.3

• axios

• https://randomuser.me/api/

Overview

I mastered HTML & CSS & JS & ReactJS features in this project. You can see the visual representation of the website above.

Notes

• Step 1: Create React App using npx create-react-app project-name

• Step 2: For images you can use Images.

• Step 3: Push your application into your own public repo on Github

• Step 4: Add project gif to your project and README.md file.

Resources

• 🔥 You can use random-user-API for your own work.

Support

• Open an Issue, I will check it a soon as possible 👀

• Don't forget to start the repo ⭐

⌛ Happy Coding ✍