Website v1

The first iteration of my personal website, which I designed and built completely from scratch. The website was created with Bootstrap 4, Font Awesome, TypeIt, and clipboard.js. It uses Gulp 4 as a build system and is hosted on Netlify.

Getting Started

Requirements

Node.js

The project requires Node.js version 10 or higher. To check your current version of Node.js, run the following command:

node -v

npm

The project also requires npm version 6 or higher. To check your current version of npm, run the following command:

npm -v

Cloning the repository

To clone the project, navigate to the directory where you would like it to be saved and run the following command:

git clone https://github.com/zachsvanhandel/website-v1.git

Building and running the project

The project uses npm, a package manager for Node.js, to manage dependencies for the project. To install all of the packages needed to run the project, execute the following commands:

cd website-v1/
npm install

Once all packages have been installed by npm, a live preview of the website can be launched in the browser by executing the following command from the top-level directory of the project:

npm start

Changes made to .html, .js, or .scss files within the src/ directory will cause the page to dynamically reload in the browser.

Advanced Usage

Gulp tasks

• gulp the default task to build the project
• gulp clean task to remove all generated directories
• gulp vendor task to move files from node_modules/ into appropriate directories
• gulp build task to build the project (same as gulp)
• gulp dev task to build the project and open a live preview in the browser that dynamically reloads when changes are made to .html, .js, or .scss files within the src/ directory (same as npm start)

License

Copyright 2020 Zach Van Handel. Code released under the MIT license.