Gabe Wyatt

A SaaS site to sell and administrate the WCASG Accessibility Widget below. Full frontend storefront with payments handled through Stripe and integrated with Authorize.net and Intuit QuickBooks via custom headless API connector.

Dashboard features include users, roles, tickets, customisable widget extensions, coupons, subscription management, customizable widget privacy and license statements, and site statistics via custom document API service.

I designed and developed this accessibility widget allowing for simple plug-and-play installation into any website. The client sold this widget through their website -- a custom-designed SaaS which I also solely designed and developed -- allowing the client's customers to license the widget for their own sites.

Each capability of the widget is a self-contained plugin module, allowing the system to be easily modified and expanded in the future. Functionalities include text adjustments, visual contrast alterations, form highlighting, audio muting, animation toggling, URL highlights, tooltips, virtual keyboard, and advanced text to speech using custom AWS Lambda + API interceptor for Google Text-to-Speech.

In addition to packing and serving the entire widget through a single secured script tag many parts of the served widget code were dynamically generated based on the customer's site and preferences.

I worked with the Director of Technology and Director of Marketing of Gremlin to create a comprehensive subsection of their website that explored every aspect of Chaos Monkey, the resiliency testing tool created by Netflix that randomly terminates virtual machines within a system. Gremlin wanted the final project to be thorough and useful enough that a Google search for the term Chaos Monkey would return this new subsection of their site in the top results; a goal which was met.

A 5-part series about Chaos Engineering that explains how to progressively build up a resilient system in stages. In the series I started by creating a simple Bookstore application in Python, then setup a basic architecture of a Django REST API running on Amazon EC2, PostgreSQL running on Amazon RDS, and an Amazon S3 bucket, as can be seen in the first stage. For this project, not only did I setup all the architecture examples provided to write about them, I also created all the diagrams seen throughout the series to illustrate how the components fit together as the staging progresses. Thus, at the final stage of implementation the architecture has expanded to use three Amazon EC2 instances, blue/green testing, multiple AWS Availability Zones, Amazon CloudFront, Amazon Route53 DNS routing and failovers, in addition to the basic application structure, as seen in the final stage.

This project was aimed and teaching visitors and potential customers how the client's graph-based database system could be integrated into a common, modern web application. I developed a basic Twitter clone app that mimicked the basic functionality of Twitter. It was built using React, Typescript, Express/Axios, and Dgraph (the client's graph database tech). After completing the development I then wrote a 5-part tutorial diving into the project and walking users through each major component.

A fully-functional Reddit clone app and accompanying walk-through tutorial illustrating exactly how I designed, developed, and evolved a Vue.js application that integrated the client's efficient graph-based database.

I designed, developed, and wrote over 300 technical tutorials for the client ranging in topic from language-specific error deep dives and design pattern tutorials in C# to DevOps best practices guides and even fun little JavaScript projects to celebrate recent holidays! This focus on long-form, high quality articles provided a massive boost to Airbrake's traffic. Total monthly views increased by more than 700% over this 14-month period, while compound monthly growth was 21% throughout.

Over the course of 6 months Chartio tasked me with writing a number of tutorials focused on database management, queries, and best practices. Chartio was looking to improve traffic and brand awareness in a wide range of topics, which offered me a chance to write about and code within many different data-related technologies.