README.md

My Portfolio

---

Other people's starter code and how-tos (THANK YOU)

• [react-starter]: https://github.com/drminnaar/react-starter by - Douglas Minnaar
• Concept for Theming in SASS: https://medium.com/@dmitriy.borodiy/easy-color-theming-with-scss-bc38fd5734d1 by Dmitry Borody
• Color choices based on the rearch of: https://ethanschoonover.com/solarized/ by Ethan Schoonover

Developed With

• Node.js 8.11 - Javascript runtime
• React 16.4 - A javascript library for building user interfaces
• Babel 6.26 - A transpiler for javascript
• Webpack 4.x - A module bundler
• SCSS - A css metalanguage

---

Prerequisites

The following software is required to be installed on your system:

• Node 8.x
• Npm 3.x

Install

Follow the following steps to get development environment running.

• Clone 'react-starter' repository from GitHub

  git clone https://github.com/drminnaar/react-starter.git

  OR USING SSH

  git clone [email protected]:drminnaar/react-starter.git

• Install node modules

  cd react-starter
  npm install

Build

Build Application

dev	prod
npm run build:dev	npm run build:prod

Build Application And Watch For Changes

dev	prod
npm run build:dev:watch	npm run build:prod:watch

Build Application With BundleAnalayzer Plugin Included

dev	prod
npm run build:dev:bundleanalyze	npm run build:prod:bundleanalyze

After running the above command, a browser window will open displaying an interactive graph resembling the following image:

Run ESlint

Lint Project Using ESLint

npm run lint

Lint Project Using ESLint, and autofix

npm run lint:fix

Run

Run Start

This will run the 'serve:dev' npm task

npm start

Run Dev Server

npm run serve:dev

Run Dev Server With Dashboard

npm run serve:dev:dashboard

The above command will display a dashboard view in your console resembling the following image:

Run Prod Server

This command will build application using production settings and start the application using live-server

npm run serve:prod

---