For this assignment, my task was to create a portfolio using my React skills.
I created a demo app that you can use on this link:
React Portfolio
* @material-ui/core
* @material-ui/icons
* @testing-library/jest-dom
* @testing-library/react
* @testing-library/user-event
* gh-pages
* node-sass
* react
* react-dom
* react-scripts
* sass
* web-vitals
Screenshots of Components Folder: Contact
![screenshot](https://raw.githubusercontent.com/killjoyangel/20-React-Portfolio/main/public/assets/img/contactcode.JPG)
Screenshots of Components Folder: Intro
![screenshot](https://raw.githubusercontent.com/killjoyangel/20-React-Portfolio/main/public/assets/img/introcode.JPG)
Screenshots of Components Folder: Menu
![screenshot](https://raw.githubusercontent.com/killjoyangel/20-React-Portfolio/main/public/assets/img/menucode.JPG)
Screenshots of Components Folder: Navbar
![screenshot](https://raw.githubusercontent.com/killjoyangel/20-React-Portfolio/main/public/assets/img/navcode.JPG)
Screenshots of Components Folder: Portfolio
![screenshot](https://raw.githubusercontent.com/killjoyangel/20-React-Portfolio/main/public/assets/img/portfoliocode.JPG)
Screenshots of SRC Folder code
![screenshot](https://raw.githubusercontent.com/killjoyangel/20-React-Portfolio/main/public/assets/img/finalcode.JPG)
Finished App Main page screenshot
![screenshot](https://raw.githubusercontent.com/killjoyangel/20-React-Portfolio/main/public/assets/img/mainpage.JPG)
Finished App Main page menu screenshot
![screenshot](https://raw.githubusercontent.com/killjoyangel/20-React-Portfolio/main/public/assets/img/menu.JPG)
Finished App Portfolio page screenshot
![screenshot](https://raw.githubusercontent.com/killjoyangel/20-React-Portfolio/main/public/assets/img/portfolio.JPG)
Finished App contact page screenshot
![screenshot](https://raw.githubusercontent.com/killjoyangel/20-React-Portfolio/main/public/assets/img/contact.JPG)
![License: MIT](https://camo.githubusercontent.com/a4426cbe5c21edb002526331c7a8fbfa089e84a550567b02a0d829a98b136ad0/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f4c6963656e73652d4d49542d79656c6c6f772e737667)