Mike Rushton's Website

Welcome to the repository for my personal website. This is a space for me to upload my most recent projects so the world can see what I've been up to!
It is highly annotated with comments to demonstrate my development methods and thought processes - in a real world app I wouldn't have as many comments.

Adding a new Project

1. Prepare an image for the new project to the relative dimensons of 1280 X 1920

2. Name the image as you would like the title to show up on the app (don't worry about the file extension, the app will remove that for you)

3. Drop the image into the following directory: src/components/Projects/Cards/cardsArray

4. Now go into this file: src/components/Projects/Cards/cardsArray/cardsArray.js and create a new import named accordingly (eg 'card3' for it to be the third card displayed) with the corresponding import path of the new image you just added, for example

import card3 from './Cheese_Sandwich.png';

5. Navigate to the following file: src/components/Projects/Cards/Descriptions/descriptionsArray.js and write a description of the new project in a new variable slot at the top of the file for example:

const desc1 = 'This is a description of the new project called Cheese Sandwich';

6. Still in the same file, add the name of the above variable to the default exported array: descriptionArray

Starting the App

After cloning this repository, change directory to my-app then run the command line npm start

Open http://localhost:3000 to view it in your browser.