Patrick

Patrick

Johnston

Johnston

Developer Designer Digital Citizen

About

Who Am I?

Voraciously curious, I've immersed myself in the web development community at HackerYou, picking up every tidbit I can possibly find. From HTML and CSS to JavaScript and React, I have torn through every language thrown at me, and am hungry for the next challenge.

As a designer turned developer, I have a unique way of attacking problems, allowing me to bring a fresh perspective to the teams I work with. In the coming years, I hope to be able to repay the web development community, giving back as much as it has given me.

Skills

Work

Jump Man

Using HTML5 Canvas and Vanilla JS, this game allows you to pilot Jump Man as you platform your way through four challenges with physics, enemies, and a small sprinkling of treasure.

  • HTML5 Canvas
  • Vanilla JS
  • Object Oriented Programming

PSD Conversion

ZAP is a hypothetical creative firm looking to build a website. Given a PSD, I recreated a near pixel-perfect version using HTML and CSS, placing a strong emphasis on the site's responsiveness.

  • Responsive Design
  • CSS3
  • HTML5
  • Prepros
  • Photoshop
  • Sass

Pokédex

A Pokédex is a catalogue of fantastical creatures called Pokémon. Using the PokéAPI and a little jQuery magic, I have recreated a Pokédex for the first 150 Pokémon from the original Red & Blue versions of the game.

  • APIs
  • JavaScript
  • jQuery
  • Sass
  • CSS3
  • HTML5

Can You Make It?

Can You Make It? helps teams to communicate and keep organized. Using React and Firebase, the app allows team members to create game events and have their teammates respond with whether they are able to make it.

  • React
  • Firebase
  • JavaScript
  • Git
  • CSS3
  • HTML5

Hearthstone Deckbuilding

Hearthstone is a competitive card game in which players compete with each other using 30-card decks. This app, using the Hearthstone API and React allows users to build a deck according to the rules of the game.

  • React
  • APIs
  • JavaScript
  • Sass
  • CSS3
  • HTML5

#JavaScript 30

JavaScript30 is a challenge created by Wes Bos in which you create 30 projects in 30 days using not much more than vanilla JS. From drum machines to analog clocks, these 30 challenges are keeping my JS skills sharp.

  • Vanilla JavaScript
  • CSS3
  • HTML5

Contact