Re-designing my portfolio site

I am currently in the process of re-designing my portfolio website and wanted to use the Hugo framework as it is lightning fast to build, comes with a neat blogging feature and is low maintenance.

The reason for the re-design and moving framework is that the original site was just coded using html, css and js. I want to move the website over to a modern framework which is easier to maintain and apply some component based logic where appropriate.

Why Hugo?

As I document my development journey Hugo offers a wonderful opportunity for a fully fledged blog feature. Generating a new…

I was introduced to this technical challenge by Andre Iskandar who forwarded me the advertised role and technical challenge from Shopify located here. These kinds of technical challenges I am viewing as an awesome opportunity to push my learning and problem solving skills further as well as keep fresh on the skills I have learned so far. They also give another amazing portfolio piece. I was excited to delve into this challenge as it had a number of interesting components to it!

The repository can be viewed here and the final app is available to view live at:

How to format an image to be a link in markdown

I am currently working on learning Hugo following along with Build Websites with Hugo by Brian P. Hogan. This was introduced to me by Tomas Gallucci last year. Towards the end of the previous year I got up to about the 3rd chapter of the book. I can already see the potential with Hugo static site generation and what that will come in useful for in it’s archetype based page generation using markdown format.

Markdown is something that I got acquainted with last year writing various different read-mes in my journey onto the web development scene. …

I wanted to learn a bit more about Continuous Integration Pipelines, so I took the opportunity with Nicole Woodcock working on MB Javascript Hacks: Social Justice Hack Week.

What is Continuous Integration?

Continuous integration safely allows multiple users to contribute to one repository on Github. In essence continuous integration gives us a safety net to stop us pushing bad or broken code to our production build and hence our deployment.

We can write tests using a test runner like Jest to check functional logic we write does what we expect it to do (or not do in some cases) What continuous integraton does is…

Recently I completed my third hackathon with The challenge was to build a Beat Machine in 1 week. The application had to be a front end web application, no backend or server/serverless components were allowed to be used.

You can play with BeatJuice here 👉 :

The tech stack that was used was #JavaScript #reactjs #HowlerJS #MaterialUI & #FeaturePeek

BeatJuice in action

One of the first things we implemented as a group was a pull request workflow using gh pr create (github CLI):

Continuing on from Part 1 and Part 2 , Part 3 will be focused on:

  • Adding and detecting scores
  • Indicating which side a player starts on via colours
  • Serving the ball from a player perspective
  • Serving the ball from beginning of the game
  • Serving the ball once scored against
  • Game over condition

Referring to the user stories for the Pong hackathon I find it logical as a developer to group sets of core requirement user stories together to tackle in a logical way:

As a user, I can see that if a ball misses a paddle the opposing side…

Continuing on from Part 1 getting started with Phaser.JS and making the modifications today’s post will be focused on the addition of a second paddle and writing some code for an AI, replacing the star sprite with a ball and adding a couple of sound effects.

Making the AI Paddle

Switch around the paddle position so red is left and blue is right

One of the first changes to be made is to change the side the paddle is on. True to video game conventions it makes more sense for our P1 player controlled panel to be on the left of the screen and…

As a recent graduate from Lighthouse Labs’ web development bootcamp I am currently working on challenging myself by entering’s Hackathons. You sign up for a weekly challenge and each Friday a new challenge is revealed. There are limitations, user stories and guidelines to submit your project. This week the challenge was to create a clone of the classic game Pong!

Choosing an engine

The first decision to make was to choose a suitable engine to code our game in. The challenge calls for a front end only, no backend and no game engines like Unity3D or UnrealEngine. …

Photo courtesy of

What Are Assistance Requests?

This year I made the challenging decision to pivot my career into web development, first completing an intro to web development course with Lighthouse Labs’ in July 2020 and then a 12 week bootcamp in full stack development in November 2020.

In my previous career I taught for one institution in the department of motion picture production in the areas of Sound Design Production and Post Production, and also for another institution in live event technologies. Both programs were taught in a physical setting.

Before starting at Lighthouse Labs the concept of online assistance requests was…

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store