https://github.com/pktcodes/random-person-react-project

Random Person Project using React
https://github.com/pktcodes/random-person-react-project

api css3 ecmascript html5 javascript random-person-generator random-user-generator-api react react-hooks react-icons useeffect usestate

Last synced: 7 days ago
JSON representation

Random Person Project using React

• Host: GitHub
• URL: https://github.com/pktcodes/random-person-react-project
• Owner: pktcodes
• Created: 2022-06-13T02:56:26.000Z (over 2 years ago)
• Default Branch: master
• Last Pushed: 2022-08-15T16:50:03.000Z (over 2 years ago)
• Last Synced: 2024-08-12T23:21:33.507Z (3 months ago)
• Topics: api, css3, ecmascript, html5, javascript, random-person-generator, random-user-generator-api, react, react-hooks, react-icons, useeffect, usestate
• Language: CSS
• Homepage: https://react-random-person-prod.netlify.app/
• Size: 370 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Random Person 🧔🏻

> PROD [Live] : https://react-random-person-prod.netlify.app/

#### Random Person consists of a straightforward user interface where there is a

- Random person is generated when the page loads and by default is set to the person image along with the name.

- Buttons have been implemented using react-icons to see more details of the person on mouse over ie. name, email, age, address, phone, password, and also specific **RANDOM USER** button which on clicked generates a new random person.   

- To run the project locally, clone the repo, `npm install` to install the dependencies, and `npm start` to start up the development server on default port 3000.

#### Languages 

HTML, CSS, JavaScript, ECMAScript, React - Hooks ~ useState, useEffect

#### Packages

[React Icons](https://www.npmjs.com/package/react-icons)

#### API

https://randomuser.me/api/

#### Deployment / Hosting

Netlify

---

**To install React Icons**

```sh

npm install react-icons

```

*Note: I have developed this project ~ [17] as part of React and Projects Course taught by John Smilga..*