<Back

Projects

A showcase of my past, present, and future
Thumbnail for Portfolio v4

Portfolio v4

Redesigned my portfolio with Astro framework for speed, SEO, and aesthetics. Markdown files and dynamic views enhance UX. Astro's static generation and asset optimization shine. Named after our dog Astro, it's a perfect fit.

Thumbnail for Wreno: VendorEase

Wreno: VendorEase

Launched VendorEase at Wreno, a swift pivot for contractor compliance and sourcing. I oversaw all technical aspects as the head of engineering. We are seeing rapid growth and positive client feedback.

Thumbnail for AirBnB: Design System Migration

AirBnB: Design System Migration

We won Airbnb as a client and I lead the charge on getting our engineers into their systems. I gained a ton of experience in client relations as well as working in an extremely large codebase.

Thumbnail for Wreno: Website Rebranding

Wreno: Website Rebranding

I lead the engineering efforts for the Wreno rebranding. We used this time to reduce technical debt, improve lighthouse and SEO ratings, and standardize our tech stack.

Thumbnail for TrueRoof

TrueRoof

Transformed a Chicago roofing company's online presence, creating a user-friendly website and implementing a cost-effective blog with enhanced SEO.

Thumbnail for Wreno App

Wreno App

I spearheaded Wreno's app development, from MVP conception to team expansion, enhancing features, setting the foundation for growth.

Thumbnail for Wreno: Sign Up Flow

Wreno: Sign Up Flow

The sign-up flow was my first contribution to Wreno after joining the company. My role included hiring, gathering business requirements, and designing the database and backend services for storing users' accounts, file uploads, and data.

Thumbnail for Nissan: Find Your Frontier

Nissan: Find Your Frontier

Our team built and launched a very immersive campaign for our Nissan client. The project also leaped forward for my career as a Technology Director.

Thumbnail for Wedding Photobooth

Wedding Photobooth

I challenged myself by building an entire photo booth solution for my wedding. The booth creates a photo strip using photos from our DLSR, prints the result automatically, and uploads them to the web leveraging Tensorflow for Facial Recognition.

Thumbnail for Our Wedding

Our Wedding

I built my now Wife and I's Wedding website from scratch. I wanted our guests to RSVP, list dietary restrictions, and learn about our big. I thought it might be helpful to build an admin panel to manage guests and message guests.

Thumbnail for Nissan Pathfinder: Return to Rugged

Nissan Pathfinder: Return to Rugged

Our team had the opportunity to work on a modern campaign for our Nissan client. We utilized several modern tools like ThreeJS, Gatsby, and ReactJS. These tools allowed us to deliver an immersive and impressive experience to users.

Thumbnail for Jim Stewart Mortgages

Jim Stewart Mortgages

I built a contact form and information website for a local mortgage broker

Thumbnail for Milliseconds Calculator

Milliseconds Calculator

I built a quick and simple tool to help calculate the number of milliseconds in a given time (or vice versa).

Thumbnail for Tetha

Tetha

I worked with a local entrepreneur to develop a digital wall calendar. He wanted to be able to have a wall-mounted touch-screen monitor that could display current calendar events from multiple Google accounts.

Thumbnail for Byte Calculator

Byte Calculator

I built a quick and simple tool to calculate the number of bytes in a given string

Thumbnail for Nissan/Infiniti Shopping Tools

Nissan/Infiniti Shopping Tools

We were tasked with rebuilding the Nissan and Infiniti shopping tools applications. This was my first major project with the role of Technology Lead.

Thumbnail for Urban Dictionary Bot

Urban Dictionary Bot

I built a simple Messenger bot that gives you the Urban Dictionary definition of a word.

Thumbnail for Mitsubishi MiPulse

Mitsubishi MiPulse

Our company was tasked with building a new global website for Mitsubishi. The goal was to make it run in every market but share single source code. My goal was to focus on performance and making the application render more quickly.

Thumbnail for BetterDo v3

BetterDo v3

I built a web app for organizing and maintaining to-do lists and tasks. It features has offline support, shared lists, and push notifications. Give it a try if you're looking to declutter your life.

Thumbnail for Nissan: Titan AR

Nissan: Titan AR

I was tasked to build an interactive augmented reality experience for Nissan USA. Facebook recently announced AR experiences for their Messenger platform, so I was asked to use that as a medium for the experience.

Thumbnail for FirstCommand

FirstCommand

My team and I were tasked to rebuild the FirstCommand website to be more modern. We got a blank slate, so we got to take advantage of the latest technologies.

Thumbnail for INFINITI: Idris EU

INFINITI: Idris EU

After a successful launch of our first Idris project for North America, the client asked if we could add more functionality and launch it in the European Union.

Thumbnail for Purrvice Workers

Purrvice Workers

A web application for getting random cat pictures. Powered by service workers. It demonstrates offline caching, web push notifications, and progressive enhancement.

Thumbnail for Portfolio v3

Portfolio v3

The third version of my portfolio was a complete rewrite. The rewrite was done to drastically improve load times, improve search engine rankings, and redesign a couple sections of the site.

ScrollText

A zero-dependency module to scroll between predefined text. Leverages "Element.animate" for modern browsers, and falls back on simplistic CSS based animations for legacy browsers. Published to npm as an open-source project.

Thumbnail for INFINITI: Idris

INFINITI: Idris

I built a chatbot for INFINITI Global. It allows users to learn about their new QX50 vehicle. It uses natural language processing to figure out users intent and is localized to Canadian English and French, as well as American English.

Thumbnail for TvTracker

TvTracker

TvTracker is an application for tracking your TV Shows. It was built to work great on mobile, desktop, and even from your status bar (Mac).

Thumbnail for  Travel Alberta: Brand Guidelines

Travel Alberta: Brand Guidelines

I built the internal brand guidelines website for Travel Alberta. This project had a clean state so I got to choose my own tech stack. I put a lot of effort into making the website load as fast as possible as well as look pixel perfect.

Thumbnail for INFINITI: Q60 Speedbot

INFINITI: Q60 Speedbot

I built a chatbot for INFINITI USA. It allows you to compare their Q60's 0-60 speed against its competition. It ended up receiving over a thousand users within its first two days of launching.

Thumbnail for Wings.cheap

Wings.cheap

I built a web app for finding cheap wings near you. It allows you to sort by city, price, distance, or by the best wings. Give it a shot the next time you're looking for a cheap eat!

Thumbnail for Nissan: Recalls

Nissan: Recalls

I was tasked with rebuilding the Nissan and Infiniti Recalls tools to comply with their new brand guidelines. I took the opportunity to improve the responsiveness, appearance, and codebase.

Thumbnail for INFINITI: Tree Drive

INFINITI: Tree Drive

I built a reveal page for Infinitis winter sales event. For each test drive, they planted a tree in America.

Blueshield: Content Build System

Blue Shield California wanted to redesign their digital customer experience. Critical Mass was hired to help with that. I helped build a static site generator as well as traveled to San Francisco to help their developers.

Thumbnail for Portfolio v2

Portfolio v2

I built this portfolio from scratch to showcase my experience with web technologies. I wanted to build a system which was easily maintainable, responsive and used some fun next-level technologies.

Thumbnail for Splash Loader

Splash Loader

I built a little splash loading animation while I was bored one rainy afternoon. Uses the prototype methodology and supports reopening and closing.

Thumbnail for CSS3 Icons

CSS3 Icons

When I was still in school, I loved dabbling with CSS. I would build whole applications interfaces just for fun. One day, I saw someone recreate iOS icons using CSS. I was inspired.

Thumbnail for Nissan: Responsive website redesign

Nissan: Responsive website redesign

We had 4 months to rebuild the Nissan USA and Infiniti USA websites. This was a great opportunity to develop and demonstrate time-management skills, planning, and teamwork.

Thumbnail for Portfolio v1

Portfolio v1

I built this portfolio from scratch to showcase my experience with web technologies. I wanted to build a system which was easily maintainable, responsive and used some fun next-level technologies.

Thumbnail for BetterDo.

BetterDo.

BetterDo was my take on a todo application. I was unhappy with the alternatives, so I decided to build my own version.

Thumbnail for Broken City: Point of sale system

Broken City: Point of sale system

For our capstone project at SAIT four of us developed a point of sale system for Broken City. We put an emphasis on speed, ease of use, and modern design.

Thumbnail for CSS3: Stack Loading Animation

CSS3: Stack Loading Animation

I developed a stack loading effect using CSS3 animations. This was for an internal project of mine, but I liked it enough to showcase it on its own.

Thumbnail for CSS3: USB/Lightening Connector

CSS3: USB/Lightening Connector

I developed an Apple lightning cable and USB connector in pure CSS3.

Classic Kennels

We partnered with local radio stations by creating a form for listeners to vote for their favourite radio stations.

MyBobba

Habbo is a popular online world for teenagers. During my younger teenage years, I built a fan site for the game which allowed users to upload pictures of themselves and have un-moderated chat. It got very popular with about 1k hits a day. Unfortunately, I couldn't afford the bandwidth and had to close its doors.

MyPereira

One of the first websites I built. This project was an advanced take on a family website. It had features like messaging, profiles, photo uploads, video sharing, etc.

View More