Recent Works

From hybrid applications with dozens of workflows to spinning up mobile-ready responsive websites quickly, I've enjoyed every project I've worked on.

New Brunswick Plants Website

Website Management
Fullstack Development
Frontend Development
UX Design
Wordpress

The New Brunswick Plants project is all about the native and introduced plants of this beautiful and diverse province. It takes data gathered by the Atlantic Canada Conservation Data Centre, adds more useful information, including identifying characteristics and images, and presents it to the public in a user-friendly, accessible way.
I've contributed to the project by reducing page load times by 97%, reducing build times by 80%, continuously improving the UI and UX, and automating tasks with Google Apps Script. I also got to flex my design and Inkscape muscles while creating a set of 50 custom plant characteristic icons that users understand botanical terms at a glance.

Screenshot of the New Brunswick Plants, Plants page.

Visit newbrundwickplants.ca

underlab.game Website

Backend Development
Fullstack Development
Cloud Infrastructure
Website Development
Figma

Working closely with a designer, marketing, and the game's producer, I led the website development for the multiplayer social deception game Underlab. I focused primarily on the cloud infrastructure and backend server and led and contributed to the frontend development.

Screenshot of the underlab.game website homepage.

I enjoyed building the backend of this project, which included load balancers, rate-limiting, a Fastify application, nginx, and more.

Visit underlab.game

The Onset Assistant

Frontend Development
AngularJS
UX Design
FTUE/User Guide
Website Development

FTUE/User Guide

Things move fast on set and we want onboarding to be fast too. With six introductory slides we provided first time users with the information they need to get up to speed and collaborating. These introductory slides are available for review at anytime from the Help page of the app.

Further, in depth information about all of The Onset Assistant's features, workflows and specifications are available on the Help page.

onset.film Website

Frontend Development
UX Design
Figma
Website Development

I led the design and implementation of Onset Communications Inc.'s website. Figma was used extensively during the design and feedback phases of the project, facilitating communication and collaboration with stakeholders.

Webinars page of onsset.film

On the technical side, I used JavaScript, Bootstrap, SASS, and Gulp.js. For rich search results and to enhance search engine optimization, I used JSON-LD and Schema.org's vocabulary. To enforce adherence to accessibility and usability best practices, I built semantic HTML validation (Nu HTML) and accessibility and usability (Lighthouse CI) tests into the continuous integration pipeline via GitLab CI/CD.

Lighthouse usability scores

Visit onset.film

Google Sheets Animation Asset Uploader with Version Control

Google Apps Script
Web Development
UX Design
Workflow automation
Productivity tool

The problem

Artists at an animation studio were spending too much time switching between Google Sheets, where their animation tasks were listed, and trying to find the correct folder for the task's asset in Google Drive. Artists were also responsible adhering to asset naming conventions and using the correct version number. This manual process led led to naming errors and multiple assets in a folder with the same name and version number, making it difficult for managers and other artists to quickly identify the most latest file.

Automate file upload location and naming

I worked with artists and producers to design an asset uploader that automated asset naming and versioning and let artists upload their assets right from where their task was listed.

Screen capture showing the uploader being used to upload an animation setup asset

Automate adding the latest link to the task

After uploading an asset for a task, a link to its location in Google Drive is added to the task's row. Consolidating information for a task into one row also speeds up the producer's review process.

Hovering over an uploaded asset's link reveals a clickable preview

Asset upload tracker and logging

Producers wanted to track the asset uploader activity, so all upload successes and failures are automatically added to a Transaction Logger sheet. This is also helpful for developers, as they can get the precise time and error log of any failures to assist with debugging.

Transaction Logger sheet showing recent asset uploads