The largest project to which I contributed to was the complete overhaul of the customer-facing Flywheel application. The refresh was not only a redesign of how the application looked, but also involved making the entire application mobile-friendly, responsive, and more accessible. The original application had not been updated since the cofounders created it in the early 2010s, which meant a tremendous amount of effort to modernize the application to be up to current standards.
‍
Technical Challenges
The internal responsive redesign project was split between myself and two other front-end engineers who each handled a significant portion of the application's pages. Due to the wide scope of the project, spanning the entire application, we set out to create a set of standard components to then reuse throughout the pages as much as possible. This resulted in constant communication with our Design and Project Management teams to deal with scope creep, surprise conflicts, new ideas, and ongoing refactoring to create the most stable, yet robust, library to create the new application.

Alongside the refactoring and modernization, our team also took tremendous pride in ensuring that our product worked for as many of our customers as possible, which meant doing constant testing across tens of devices, operating systems, browsers, and browser versions.
‍
We also were able to implement additional accessibility improvements throughout the application, such as ensuring colors adhered to visibility standards, improved screen reader compatibility, descriptive text for all visual elements, and improved navigation for keyboard users.

White Labeling is when you take Flywheel's product, in this case, it would be "web hosting", and remove all of Flywheel's branding so that you cannot tell who is doing the hosting. Then, you allow Flywheel's customers to replace Flywheels' branding with their own instead. White Labeling let Flywheel's customers re-sell hosting at a markup to their clients as if the customer was the one providing the web hosting, which created a large boom in business for our company and customers alike.

My specific contribution to the product was building a new user interface that existed outside of our primary components library and allowed for dynamic information from the customer to apply their custom branding (logo, colors, etc) so that they could "brand" the White Labeled hosting for their clients. This involved a tremendous amount of research into native CSS Variables and compatibility, javascript fallbacks, and extensive testing to ensure that everything worked properly for all customers. We then added third-party payment processors (Stripe) so that billing between any White Labeled Customer and their clients did not directly involve Flywheel (both for security and to extend the hidden nature of White Labeling).

Technical Challenges
The largest undertaking for the White Label product was creating a stand-alone system that mirrored Flywheel's main Ruby framework but was not allowed to interface with the main framework due to security reasons. To accomplish this, the team did a full printout of all Ruby classes and systems, and when printed at ~30pt size the paper spanned an entire length of 45ft wall down the engineering corridor.
‍
An unexpected challenge was the amount of hiding needed to truly White Label our hosting, and every few months we'd learn of a new small way that customers were able to peek through the White Label and discover it was secretly Flywheel. This resulted in a lot of work from our team to do additional hiding through means such as embedded meta information, cURL data, WHOIS reports, IP Sniffing, and other technical means of inquiring, ultimately making it extremely difficult to trace back to Flywheel so that our customers would feel more secure in the product offering of reselling our hosting through White Label.