Web-Pages-styled-Comp

Check The Live Website ➡️ Live Website

Description

The project aims to create a web page App using React Router and styled-component.

Visualization of the Website

Project Skeleton

Random-User-App (folder)
|
|----readme.md
SOLUTION
├── public
│     └── index.html
├── src
│    ├── components
│    │       ├──  styles
│    │       │     ├── Button.styled.jsx
│    │       │     ├── Card.Styled.jsx
│    │       │     ├── Container.styled.jsx
│    │       │     ├── Flex.styled.jsx
│    │       │     ├── Footer.styled.jsx
│    │       │     ├── Global.styled.jsx
│    │       │     ├── Socialicons.styled.jsx
│    │       │     └── Global.styled.jsx
│    │       ├── Card.js
│    │       ├── Footer.gif
│    │       ├── Header.js
│    │       └── Socialicons.css
│    ├── App.js
│    ├── Animation.gif
│    ├── index.js
│    └── data.js
├── package.json
└── yarn.lock

Used in this project

👉 I mastered ReactJS (Router, styled-components, useState, Props), HTML, CSS, Bootstrap and Javascript features in this project. You can see the visual representation of the website above.