web development + design

React.js Microsite

Series of standalone marketing landing pages I designed and built for Mitsubishi Electric Trane. Each page is customized for a specific region and/or marketing campaign, interacts with multiple APIs to display local rebates, integrates with invisible spam filtering (reCAPTCHA V3) and uses a serverless (AWS Lambda) function to securely submit lead information to a 3rd party CRM.

React.js Product Finder Web Tool

Web-based application I designed and built to help HVAC contractors and distributors choose the right Mitsubishi Electric HVAC system. Product data is fetched via REST API from a headless CMS backend, and buttons are generated dynamically based on that data. The frontend uses React hooks to monitor and manage application state and CSS3+ functions to provide instant visual feedback to user interaction.

React.js To-dos and Contacts Keeper App

A Google Keep style notes and to-do app built in React.js. This uses newer React Hooks instead of class constructors.

dark mode generator

Simple as that. This uses Javascript to change the site's colors via CSS custom properties (variables).

background particle generator

This web-app uses HTML Canvas to generate floating background particles in random sizes, shades, and opacity. Enter a number below (up to 5,000) and click the button to start generating.

PRO TIP: Try hovering your mouse over the particles...

retro computer terminal

I designed and built this terminal-style homepage for SlackSmith Studios. It emulates an 80's monochrome monitor and command line interface all using CSS3 and a bit of Javascript. It's even complete with CRT screen flicker, glowing text effects, and snarky "AI" responses to unrecognized commands. Try it out!

e-commerce website

This online Shopify store was built on a Liquid theme with SASS styling at its core, which I then modified to the customer's needs. My contributions include countless aesthetic modifications as well as configuring custom product options selectors, building FAQ accordions, product page tabs, and a nifty delivery date estimator in the shopping cart.

play mastermind

I wrote this classic code-breaking boardgame in HTML5 using CSS grid and Javascript.

Random Color Generator

CLICK on a box... then SCROLL to adjust its lightness

Retro poker game

This poker game built for SlackSmith Studios and follows the 80's monochrome monitor concept I built for their homepage. The deck-dealing and mod-box hacks logic was written by SlackSmith programmer, Jonathan Smith, but design and DOM interaction by yours truly.