https://github.com/skycooper/randomuserappreact-v2

Project aims to create an Random User app with React.
https://github.com/skycooper/randomuserappreact-v2

axios html-css-javascript random-user react

Last synced: about 2 months ago
JSON representation

Project aims to create an Random User app with React.

• Host: GitHub
• URL: https://github.com/skycooper/randomuserappreact-v2
• Owner: SkyCooper
• Created: 2022-10-19T09:35:05.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2022-12-09T07:09:17.000Z (about 2 years ago)
• Last Synced: 2023-07-05T15:50:53.522Z (over 1 year ago)
• Topics: axios, html-css-javascript, random-user, react
• Language: JavaScript
• Homepage: https://cooper-randomuserapp-react.onrender.com/
• Size: 910 KB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Project : Random User App v2

## Check The Live Website ➡️ [Live Website](https://cooper-randomuserapp-react.onrender.com/)

## Visualization of the Website

![Form](./random.gif)

## 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

- [email protected]

- 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](./src/assests).

- 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`](https://randomuser.me/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 ✍