Skip to content

esadakman/reactjs-random-user-2

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

10 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Random User App 2

Objective

Build a Random User App using ReactJS.

Description

  • Project aims to create a Random User App 2.
  • In this project i make random user app, but this time you can save the users info's and when you hover the logos in the menu, user's information will change depending on the logo.

Project Link

You can reach my project from here 👈

Project Skeleton

 - Random User App 2 (folder)
|
|----readme.md         
SOLUTION
├── public
│     └── index.html
├── src
│    ├── assets.js
│    │       └── [images]
│    ├── App.js
│    ├── App.css
│    ├── index.js
│    │── index.css
│    │── components
│    │       │── navbar
│    │       │     ├── Navbar.js
│    │       │     └── Navbar.module.scss
│    │       ├── footer
│    │       │     ├── Footer.jsx
│    │       │     └── Footer.module.scss
│    │       ├── PersonInfo
│    │       │      │   │── ButtonTable
│    │       │      │   │       ├── ButtonTable.js
│    │       │      │   │       └── ButtonTable.module.scss
│    │       │      │   └── ButtonTable
│    │       │      │           ├── ButtonTable.js
│    │       │      │           └── ButtonTable.module.scss
│    │       │      ├── PersonInfo.js
│    └───────└──────└── PersonInfo.module.scss
│                
├── package.json
└── yarn.lock

At the end of the project, following topics are to be covered;

  • HTML
  • CSS
  • JS
  • ReactJS
  • Bootstrap

Installation

$ git clone https://github.com/esadakman/reactjs-random-user-2.git
$ cd ../random-user-app-2
$ npm install / yarn
$ npm start / yarn start

Preview of the Project

random