README.md

React Portfolio 🚀

Description

React Portfolio website that showcases various projects, information about myself, how to contact me and my current resume.

Built With

Table of Contents

• Description
• Project URL
• Deployment
• Demo/Screenshots
• Installation
• Usage
• Credits
• License
• Resources
• Contact
• Author

Outcome

• It is optimized for SEO and ARIA accessibility
• It is responsive to different screen sizes of devices such as mobile, tablet, and desktop.

Project URL

https://github.com/johnsonr84/react-portfolio

Website Link

• Devdork
• https://johnsonr84.github.io/react-portfolio/

Demo/Screenshots

React Home Page Example

React Portfolio Example

Technologies

React, React Router Dom, React Router, React Router Hash Link, ReactStrap, Bootstrap, Javascript

Installation

• Access to GitHub.com and a code editor such as vscode is necessary
• Go to https://github.com/johnsonr84/react-portfolio
• Click on the green button that says Clone or Download
• Choose how you would like to download: using the SSH/HTTPS keys or download the zip file
• Using SSH/HTTPS Key: You will copy the link shown and open up either terminal (mac: pre-installed) or gitbash (pc: must be installed). Once the application is open, you will type git clone paste url here. Once you have cloned the git repo, cd into the repo and type open. to open the folder which contains all files used for the website. Once inside the folder, click on index.html to open the website in the browser.
• Using Download ZIP: Click on Download Zip. Locate the file and double click it to unzip the file. Locate the unzipped folder and open it. All the files for the website will be within this folder. Click on index.html to open the website in the browser.

Credits

I would like to creadit the University of Utah Coding Bootcamp for teaching me the skills necessary to complete this wonderful portfolio and the various project contained on the portfolio page.

License

This project is mit licensed.

Resources

• Choose a License
• Badmath
• shields.io
• w3schools
• stackoverflow.com
• YouTube
• React.js
• Reactstrap
• React Router documentation on HashRouter
• Create React App docs for deployment.
• GitHub note on client-side routing
• Components and Props
• State and Lifecycle
• 19-React-Activities
• 20-State-Activities
• gh-pages

Contact

Email: robertcjohnson1984@gmail.com

Author

Author(s): Rob Johnson
GitHub: https://github.com/johnsonr84/