What’s my experience

The Pill Club

April 2019 - present

Senior Engineering Manager

September 2020 - present

September 2020 - November 2020 

Manage a team of six frontend engineers with the primary goal to educate and increase individual performance over the next few month.

Staff Software Engineer - Front End

April 2019 - September 2020

San Francisco, CA, US

Architected a scalable Frontend infrastructure.

April 2019 - November 2020 

Contributed a large share of architectural decisions when building Pill Club frontend application architecture from ground up.

November 2019 - December 2019 

Implemented and designed the client side of a sophisticated A/B testing framework which works seamlessly with Gatsby static page generation at build time. The focus was to avoid any delay in time to first byte (TTFB) and time to interactive (TTI) therefore continuing a very high user experience quality.

Talentsky, Inc.

October 2015 - April 2019

Principal Software Engineer - Front End

June 2018 - April 2019

San Francisco, CA, US

June 2018 - November 2020 

Implemented a simple image cropper component which opens atop an existing image and keeps its aspect ratio. The newly uploaded image can be zoomed and panned inside the aspect area.

Enhanced generic tabs component to support another mode to display counts.

Implemented a React Higher Order Component to handle automatic loading of data when user scrolls to the bottom of the page. The complexity is to handle content underflow correctly. Depending on the display size in use, or potential errors form the API server, the initial data loaded may not account for content overflow. The content must always overflow the window which will allow the user to scroll further down the page and load the next set of data.

Implemented the Following Page where users can quickly view and edit the people, roles, and companies they follow. I used CSS Grid with Flex box to easily manipulate the visual differences between desktop and mobile UI.

Senior Software Engineer, Web Applications

October 2015 - June 2018

San Francisco, CA, US

August 2016 - November 2020 

I have come up with the selector and composer terms to architecturally separate specific user interface (UI) behaviors. A selector UI implements a text input throttle component and a selectable list component to select one or more records. The implementation is hidden from the component user by abstraction. The difference between a selector user interface and a composer user interface is that the selector consists of a way to query data, usually by means of an input text, and show data in a list of selectable records, whereas the composer consists of multiple form input elements to create these records. In React we can expose the common behavior via a Higher Order Component.

October 2015 - November 2020 

TalentSky Frontend was rearchitected from ground up for the launch of TalentSky v2.0. Breaking free from old client only rendered frontend written in Backbone to a modern stack using server rendered universal React/Redux. The main purpose of this project was to enable Search Engine Optimization (SEO) and promote a maintainable codebase. Being new to universal React/Redux I started by watching React Tutorials then tried a few starter projects before I decided to meet with Pete Hunt (Worked on React at Facebook) in person to get useful tips and best practice insights to share with my coworkers. Using React for view and UI state management and Redux for application state management was not the only learning curve. In addition my teammate Justin and I rearchitected the build process using Webpack, moved away from jQuery to vanilla Javascript ECMAScript 6 (ECMAScript 2015), added Babel to compile Javascript and Sass as a CSS pre-processor.

January 2018 

Implemented a video player component interface which properly handles YouTube videos and the corresponding YouTube javascript api by providing callbacks on actions of interest. This component is ready to be extended with other video apis such as Facebook Graph Video Api or Vimeo.

January 2018 

Previously, I have implemented a generic Background Image React component to obfuscate the imgSrc and sizes implementation on the native javaScript image object to allow rendering of crisp images depending on either the screen resolution or screen size. I expanded on this idea by reusing this Background Image React component to generate a generic Responsive Image Grid component to allow for properly scaled and crips images. In addition, I implemented a Range Input React component, a react wrapper around native input type range, to act as an image zoom slider.

Sachen Contemporary Imports, LLC

January 2011 - December 2015

Web Application Engineer

Milwaukee, WI, US

Sachen is the German word for “things”. Inspired by European designs, Sachen Contemporary Imports aims to provide you with functional items that adorn your home with style and practicality.

July 2011 

Designed, implemented and maintained sachenmke.com a local small business eCommerce website with PayPal payment integration.

YouCaring

January 2015 - October 2015

Senior Software Engineer, Web Applications

June 2015 - October 2015

San Francisco, CA, US

YouCaring is a free crowdfunding platform that empowers people to help others overcome hardships and enjoy happier, healthier lives.

June 2015 - October 2015 

In this project I spent a good amount of time understanding the Facebook Graph Api mainly to use the know-how on various integration points within the YouCaring application for instance authenticating a user with Facebook, user permissions, user friends, and accessing Facebook photos and videos

June 2015 - October 2015 

I implemented a beautiful interface for fundraiser administrators to manage their media files. The administrator was able to identify their main media file to show on their fundraiser profile and remove one or more media files at once. This interface utilized the media upload interface which I implemented and described in my previous moment “Media Upload”. However this view added placeholders for the uploaded files. Once the files finished processing on the servers the placeholders turned from upload progress information to showing the uploaded files. A nice to have would be to allow the administrator to define the order in which the files show in the fundraiser gallery via dragging.

June 2015 - October 2015 

I created an intuitive user interface to allow users to upload photos and videos to their fundraiser profile. The user was able to choose local media or authenticate with Facebook to select multiple photos and videos directly from Facebook. In more details, the user interface would accurately show file upload progress as well as identify selected media counts from multiple upload sources. The design and user experience was crucial to keep the user informed of what exactly the application is accessing from their Facebook profile.

May 2015 - June 2015 

I worked closely with the designer to create a beautiful media gallery user interface with a seamless user experience to showcase uploaded photos as well as shared YouTube and Facebook videos in the public fundraiser profiles. I invested time into understanding the YouTube developer api and Facebook's graph api to utilize this know-how on my next project where I implemented a stunning media upload user interface.

Web Application Engineer

January 2015 - June 2015

San Francisco, CA, US

January 2015 - June 2015 

I implemented a user interface for support administrators to intercept malicious fundraiser profiles by blocking or removing the profile form the live website. This was my first project for YouCaring and it was the first User Interface for YouCaring handled entirely by ajax requests. The administrator benefited from intuitive user experience and high web performance.

March 2015 - April 2015 

Implemented fully responsive CSS only charts to visualize fundraising expenses by competitors.

January 2015 - April 2015 

It was a fantastic feeling to be part of a full redesign of YouCaring.com. This was the perfect opportunity for me to showcase my front-end development expertise and dedication to seamless user experience and pixel-perfect user interface.

Quad Graphics, Inc

February 2008 - January 2015

Senior Software Engineer, Web Applications

March 2013 - January 2015

Waukesha, WI, US

In my role as a Senior Software Engineer at Quad/Graphics I lead design and implementation efforts of two major web applications used by well know publishers such as Condé Nast and National Geographic. I was given full trust to deviate from the internal frontend development stack to provide a beautiful and modern user interface and exemplary user experience.
a
a
a
March 2013 - January 2015 

Through out my career at Quad/Graphics I successfully mentored multiple entry level developers not only on the internal code base and architecture but also on domain knowledge and best web development practices. In addition, I successfully on-boarded a small offshore team.

January 2012 - January 2015 

I was given access to the Quad/Graphics software framework and asked to contribute by acting as an extension to the Software Architecture team.

I lead the design and implementation efforts of DBLonline to provided an intuitive user experience and a beautiful modern web user interface. I decided to ditch our suggested frontend code base and instead use Bootstrap mainly for user interface components, Susy grid system, Sass, Compass, and jQuery.

February 2014 - March 2014 

I created a background service to backup application data stored in a NoSQL database to a relational database. The application queued events onto a message queue whenever data was changed and the background service used the queue and an algorithm to determine if and which records need to be added, deleted, or updated.

Web Application Engineer

March 2011 - March 2013

Waukesha, WI, US

In my role as a Software Engineer at Quad/Graphic I had the opportunity to experience full stack web development by rewriting .NET MonoRail applications into .NET MVC, decoupling business logic into WCF services and REST Apis, and converting existing Ext.js components to jQuery/jQuery UI.

Quad/Graphics acquired the second largest printer Worldcolor and with it a lot of software integration opportunities. I was tasked to consolidate similar software features into one application or otherwise implement integration background services to transform input data into output data understood by the consuming application.

January 2012 - May 2012 

This rewrite served to get Preposition onto the standard internal development stack. In addition I took this opportunity to improve usability and performance. I converted Ext.js UI components to jQuery and jQuery UI and MonoRail to .NET MVC backed by WCF services. The code base has been touched by many entry level developers and this rewrite allowed me to refactor all redundant code and decouple layers by following the Onion Architecture.

March 2011 - December 2011 

This rewrite served to get the application on the latest internal frontend development stack so that it looks and feels like any other application developed by Quad/Graphics. I also took this opportunity to improve usability and performance where possible. In addition the business decided to add features which came with detailed wireframes. Unfortunately adoption rate was low because the user experience in the previous version was slightly better. Despite the low adoption rate all internal employees used this new version because of the added features which were helpful to many internal workflows.

March 2011 

I was given the chance to show off my Web Application Development skills early on in my career. At Quad/Graphics I owned a flagship product. After rewriting it in a self architected jQuery based framework using event driven patterns. I was called a jQyery Ninja by the head of the Software Architecture team.

Web Application Engineer

February 2008 - March 2011

Waukesha, WI, US

In my role as a Web Software Developer at Quad/Graphic I spent most of my time getting up to speed on the development stack and existing internal .NET architecture. Towards the end of this role I converted a 90s looking web site to a more modern javascript based web application and became the primary maintainer for multiple .NET Web Applications on the team. I could not achieve this without dedicating my time to the Print Industry which helped me understand our software application business logic.
a
a
a
January 2010 - March 2011 

I created the first .NET MVC and jQuery/jQuery UI based web application for Quad/Graphics. I had the honor to rewrite a 90s website with page reloads on every action into a more modern ajax based web application.

February 2008 - March 2011 

As I gathered domain knowledge by maintaining multiple web applications and responding to day and night support tickets I became the primary maintainer of Preposition and Digital Blue Line Online (DBLonline). Preposition is a web based software owned by Quad/Graphics which helps internal users create multiple variations of templates that a press can process to create printed work. DBLonline on the other hand is a software owned by Quad/Graphics which helps customers verify their print work before it goes to press. Customers can upload pages in multiple formats to the internal ecosystem and use DBLonline to see their paginated print job in multiple ways (book, preview, grid). Customers can approve each page for accuracy with the help of zoom, compare color separation between page versions and revisions and a lot more slick features.

March 2009 - December 2009 

I developed a web based user interface and support tool to place and manage marks which are burned onto an offset plate or engraved onto a gravure cylinder. These marks came in different shapes and formats and were purposed in many ways. For instance to keep the ink from flowing off the plate/cylinder or to provide swatch patterns and barcodes for error proofing.

January 2009 - June 2009 

I had the chance to experiment with Silverlight .NET and create a prototype book user interface (UI) for viewing print material on the web. Users were able to flip pages by clicking or dragging the lower corners. In addition the UI allowed for zooming into user selected areas. After six month of research and development the UI was ready for prime time but the project got shut down due to the high PowerPC-based users in the printing/publishing industry. Nevertheless it was a great experience for me.

University of Hawaii at Manoa

February 2006 - December 2007

Computer Operator

Honolulu, HI, US

Manage the Hawaii network, help setup WIFI access and overlook print work.

My education

University of Hawaii at Manoa

August 2005 - December 2007

Bachelor of Science / Computer Science / Software Engineering

Honolulu, HI, US

Milwaukee Area Technical College

August 2003 - May 2005

Liberal Arts and Sciences

Milwaukee, WI, US

Lippe Berufskolleg Lünen

August 2001 - June 2003

Business Administration

Luenen, North Rhine-Westphalia, Germany

University of Wisconsin - Milwaukee

August 2000 - May 2001

English as a Second Language

Milwaukee, WI, US

Successfully passed the Test of English as a Foreign Language (TOEFL, /ˈtoʊfəl/, toh-fəl) on my first attempt. TOEFL is a standardized test to measure the English language ability of non-native speakers wishing to enroll in American universities. The test is accepted by many English-speaking academic and professional institutions. TOEFL is one of the two major English-language tests in the world, the other being the IELTS.

Get the full experience on Talentsky

or