Featured Works

This Website

My second project for Udacity's Full Stack Nanodegree. The content on this website is responsive at just about every viewport width (Go ahead and resize the window and watch that sweet sweet responsiveness.) and was developed "mobile first."

The project tasked me with using all my new HTML and CSS powers to turn a design mockup into a web page. I had many difficult ridiculous amazing ideas and changes I wanted to make to the mockup. Lucky for me step 4 leaves room (At least I hope my project reviewer thinks so...) to personalize and add additional content to my portfolio.

I spent quite a bit of time building this humble little web page. I spent a few weeks just learning Affinity Designer and brainstorming a site logo until deciding on the one at the top right of this page.

Other tools used to create this site:

  • PostCSS

    A tool for transforming CSS with JavaScript

    See projects package.json and gulpfile.js for postcss plugins used.

  • BassCSS

    Low-Level CSS Toolkit
  • HTML
  • CSS
  • PostCSS
  • Javascript
  • Gulp
  • Firebase
  • Udacity FSND

class-movie

My first project for the Full Stack Nanodegree at Udacity.

I already knew a lot of the Python leading up to this project, but one of the most important things I learned from this project is how important code documentation is. I spent the majority of this project fleshing out the documentation.

Brief Summary:

Generate HTML for a movie review website using a simple and flexible Python class to handle movie data and place API request tailored for movie data retrieval.

  • Python
  • Udacity FSND

QI-assist: AQL

A small NodeJS CLI helper for my day job.

The AQL (Acceptance Quality Limit ) we use at work is used manly to determine a sample size for a given lot of parts. Seeing as it's just a simple cross table of AQL values and lot sizes, the need for a command line interface for AQL lockups is debatable. None the less, I'd been itching to try out Yargs at the time and it was a fun little project.

I have since added other commands to the interface but haven't revisited it in awhile.

  • ES6
  • NodeJS
  • Yargs
  • Javascript

Contributions

Hoodie: PR#592

My first open source contribution on Github.

The projects team members wanted to integrate tighter to NPM instead of rolling their own CLI. I helped out by writing a postinstall NPM script that automates a couple setup steps and makes it easier for a noob like me to use. The NodeJS code sets a "start" script in the users package.json to spin up the hoodie server. It also creates a README.md if one is not already created.

My eventual pull request closed 2 Issues and I learned a great deal about NodeJS as well as the the open source community. And had a BLAST!

The people at Hoodie were great especially gr2m , who helped me out a great deal. I encourage anyone new to programming and looking at contributing to open source to check out Hoodie's camp.

  • NodeJS
  • npm
  • Hacktoberfest

Some Responsive Images

Photo by Alex Rodriguez Santibanez
Photo by
Alex Rodriguez Santibanez
Photo by Michal Grosicki
Photo by
Michal Grosicki
Photo by Patrick Tomasso
Photo by
Patrick Tomasso
Photo by Riccardo Oliva
Photo by
Riccardo Oliva
Photo by Clem Onojeghuo
Photo by
Clem Onojeghuo
Photo by Siyan Ren
Photo by
Siyan Ren
Photo by Redd Angelo
Photo by
Redd Angelo

Images courtesy Unsplash.com

Lazy loader and effects originally from aFarkas/lazysizes