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
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.
Visit newbrundwickplants.ca
underlab.game Website
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.
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
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
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.
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.
Visit onset.film
Google Sheets Animation Asset Uploader with Version Control
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.
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.
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.
