This is a ReactJS-based personal website template created by Tim Baker - original code here. No JavaScript coding is required. All you have to do is update values in /src/resumeData.json. Scroll down to Make It Your Own for more details!

1. Download Node.js to run this on your local computer. Node.js is a JavaScript environment. JavaScript is a language often used in web development.
2. Click Fork in the top right of the GitHub repository and fork your own copy of this repository.
3. With your own repository open (verify that it says your username in the top left), click the green Code button in the top right and open in GitHub Desktop.
4. In GitHub Desktop, open this repository in Visual Studio Code.
5. Once in Visual Studio Code, open the Terminal and enter npm --version.

• If a number similiar to 7.0.8 appears, you're ready for the next steps.
• If you receive an error similar to command not found, make sure that you have installed Node.js

6. In the terminal, run npm install to run all the dependencies needed to run this project. This may take a few minutes.
7. To view this project on your local computer in development mode, run npm start and it should open in localhost:3000. This may take a few seconds.

• Open src/resumeData.json and fill in your information

Name - Enter your name, first or first and last, depending on your comfort level

Description - This is the subtext on your header

Image - Leave the file name the same, but to change it, simply replace the public/images/profilepic.jpg with your own image of the same name (rename it to say profilepic.jpg)

Bio - This is your about me section!

Contact Message - Write an inviting message letting visitors know the best way to get contact.

Email - This is optional as I know some people don't like sharing their email publicly, but this is great for getting in touch. If you don't want it, just make it blank ""

Address - Only have the city, state, and zip. You don't need to get more descriptive than this. You can also leave it off if you don't want it.

Website - Update this to be username.github.io. This is where we'll be hosting your site!

Resume Download - Upload your resume in a .pdf format on Google Drive and make it viewable to anyone who has the link and place it here.

Social - Twitter is pretty big in the CS community, but you don't need to include it if you don't want. Simply delete that section of curly brackets to remove it from the site! Otherwise, fill in the url for LinkedIn and GitHub!

Portfolio - This section is for projects that you have created. You don't have to fill out all four, but you should have at least one as you've had to create projects for this course. Delete any extra projects that you are utilizing. Every project should have a title, category which is essentially a one-sentence description of your project, image which you should upload in public/images/portfolio and then replace the current filename with your project image's filename, and most importantly, an url where people can look at your code or the live demo.

Title - If you'd like to create the title from Portfolio, open public/index.html and change <title>Portfolio</title> to whatever text you'd like!

Other Cosmetic Edits - If you want to change the header-background.jpg, simply replace the file with the file you'd like, similar to the profilepic.jpg. Ensure that this is a high-quality image as well. You can also change the public/favicon.ico with your own icon!

Ensure that you keep the same image name!

1. Make sure that you have all your previous code, saved, added, commited, and pushed before continuing!
2. After you've set up your site, create a new branch called gh-pages
3. In package.json, find the homepage field and replace tools-trade-va-sp1 with your username.
4. Reinstall packages with npm install
5. In this branch, run npm run deploy. This will create a build folder for you. It's important that you do not do this in the master branch as the master branch will hold your source code. Don't forget to push this branch to GitHub!
6. Go to that homepage link and see it online!

• If you do not see it after a few minutes, then go to the Settings tab in your repository, scroll down to GitHub Pages and select gh-pages as the source branch!