Code Monkey home page Code Monkey logo

patrickpetrushonis.github.io's Introduction

Portfolio of Patrick Petrushonis


Table of Contents

  • Description
  • Installation
  • Configuration
  • Execution

Description

Static personal portfolio website using GitHub pages.


Installation

First and foremost, the development environment requires the appropriate development tools.

  1. Requires manual installation via executable

    • Git
    • Node.JS
  2. Requires manual installation via command line

    • Bower
    • Gulp
    • SASS
    • Nunjucks

Git

Free and open source distributed version control system.

Node.JS

JavaScript runtime built on Chrome's V8 JavaScript engine.

NPM

Package manager for JavaScript built upon Node.JS.

Bower

Package manager with extended libraries beyond NPM.

Gulp

Automated streaming build system.

SASS

Preprocessor extension for CSS.

Nunjucks

Templating engine for JavaScript and HTML.


Configuration

NPM

Install all preselected node modules within the package.json

	npm install

Globally install gulp for access to 'gulp' command

	npm install -g gulp

Globally install bower for access to 'bower' command

	npm install -g bower

Bower

Install all bower components

	bower install

Execution

Gulp Commands

As this project is streamlined via the automated workflow of gulp, all compilation is handled with various gulp commands.

Default and most useful command that executes all others:

	gulp

Commands for individual tasks:

	gulp images
	gulp nunjucks
	gulp sass
	gulp scripts
	gulp watch
	gulp sync

patrickpetrushonis.github.io's People

Contributors

patrickpetrushonis avatar

Watchers

James Cloos avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.