Hi, I'm Alan
I Build Beautiful User Experiences

I began my journey twelve years ago as a junior UI engineer for a small design company building ColdFusion websites for construction companies. Today, I lead the UI efforts for one of America's largest insurance companies, working with technologies such as Angular 5, React and Node.js.

Throughout my career, I've seen the Web grow from simple static HTML websites into complex data-driven Progressive Web Apps. Over the years, I've invested countless hours honing my skills to stay on top of the next emerging technology trend. I'm not an expert at everything out there, but I'd be comfortable working in any tech stack, whether it be .NET, MEAN, React, or plain old vanilla JavaScript.

What I Do Best

Core Skills

HTML5
CSS3
Sass
JavaScript
React 16+
Redux
Angular 5+
TypeScript
Node
MongoDB
GraphQL

Other Skills

  • Responsive UI Architecture
  • Progressive Web Apps
  • Accessibility
  • MySQL
  • Jasmine
  • Jest
  • Webpack
  • Gulp
  • Git/GitHub
  • Visual Studio Code
  • Postman

Current Interests

  • Web Components
  • Python

Code Experiments

Brew Review

Brew Review is a beer review web app powered by Angular 5, Node.js and the Untappd API. It uses both user data and data gathered by the Untappd API to provide beer reviews and information about the beer, brewery and Untappd user check-ins.
Technologies Used
  • Node.js
  • Express
  • MySQL
  • Sass
  • Angular 5
  • TypeScript
  • Untappd API
  • Google Maps API

Angular GraphQL Demo

This Angular 5 GraphQL demo generates a contact list served up from a GraphQL API that queries a MongDB database.
Technologies Used
  • Node.js
  • Express
  • MongoDB
  • Mongoose
  • Angular 5
  • TypeScript
  • GraphQL

MySQL Playground

MySQL Playground is an Angular 5 app with a Node.js / MySQL back-end. It provides a simple user interface for connecting to and querying MySQL databases.
Technologies Used
  • Node.js
  • Express
  • MySQL
  • Angular 5
  • TypeScript

Please note: Prototypes are hosted on free Heroku servers which automatically go to sleep after 30 minutes of inactivity. Please be patient as it may take a moment to restart the server.

Career Journey

Allstate Insurance

Northbrook, IL

The Allstate Corporation is one of the largest insurance providers in the United States and one of the largest that is publicly held.

  • Lead User Interface Engineer

    2017 - Present

    • Led a team of four UI engineers to build the front end of Allstate's online sales application, utilizing Angular 5. I assisted with coding tasks when needed, conducted code reviews and merged production ready code, and managed the deployments of the products style guide and pattern library.
    • Led the UI efforts for Allstate's React Pattern Library, a comprehensive collection of React and CSS components. This pattern library was specifically built for Allstate's agency-facing Relationship Platform application.
    • As a part of our standardized Git Workflow, I conduct regular code reviews of pull requests and merged code into the production codebase.
    • Work with UI leads across product teams to standardize and implement consistent processes across the enterprise. These processes include onboarding, documentation, product engagement strategy, and iterative team health checks.
    • Assist the other UI leads in screening and interviewing job candidates.
    • Onboard new developers.
  • Senior User Interface Engineer

    2015 - 2017

    • Worked with two other UI engineers to drive the 2.0 re-architecture of Allstate’s UI Toolkit. This involved converting the core CSS framework from LESS to Sass, optimizing HTML and JavaScript components, and updating the documentation site with a fresh look.
    • Provided consultation and instruction to development teams on UI best practices and how to utilize our pattern libraries in their projects.
    • Built high fidelity prototypes for Allstate’s agency facing applications, utilizing current technologies such as HTML5, CSS3, AngularJs, and React.
    • Conducted and participated in peer code reviews, research discussions, and demos.

RealPage Inc.

Chicago, IL

RealPage is an American multinational corporation that provides property management software solutions for the multifamily, commercial, single-family and vacation rental housing industries.

  • Lead User Interface Engineer

    2014 - 2015

    • Led a team of UI engineers in the prototyping of a unified single sign-on interface for RealPage’s LeaseStar products. The prototype was developed with Node.js, MongoDB, and AngularJS.
    • Worked extensively with the MyNewPlace and Lead2Lease teams in a company­ wide initiative to rebuild outdated user interfaces with exciting, cohesive, and modern responsive layouts.
    • Worked with senior management to screen and interview prospective candidates for open positions.
    • Onboarded and mentored junior developers.
  • Senior User Interface Engineer

    2012 - 2014

    • Instrumental in developing RentSocial’s property listings pinboard search, which integrated front and back­-end technologies to create a dynamic Pinterest-like user experience.
    • Led the UI development of a subscriber based ad placement service, allowing property management companies to maintain and track paid ads on the RentSocial website.

Restaurant.com

Arlington Heights, IL

Restaurant.com is the nation’s largest dining deals site, offering more than 40,000 deals at thousands of restaurants nationwide.

  • Senior User Interface Engineer

    2010 - 2012

    • Took on numerous aspects of a site re-architecture project including developing a completely new ASP.NET MVC3 driven UI, a completely overhauled core JavaScript library and CSS framework, and integrated Restaurant.com redemption sites into the new framework to create a more unified user experience.
    • Implemented an XML/AJAX driven service for Restaurant.com marketing banners ads, thus reducing the amount of time required to update monthly marketing promotions across the website.
    • Developed and implemented a simple JavaScript unit testing framework.

optionsXpress

Chicago, IL

optionsXpress is a service of the Charles Schwab Corporation that provides an electronic trading platform for investing online, specializing in the trading of options.

  • Web Designer / User Interface Engineer

    2008 - 2010

    • Collaborated with designers to build a new consumer side of the optionsXpress website, including the integration of on-demand videos, investment portals, and educational resources.
    • Led the redesign and development of an AJAX/XML driven events page, allowing users to find and register for local investment seminars and free online webinars.
    • Built landing pages for marketing initiatives.
    • Designed and developed email newsletters for integration with ExactTarget.

Kudos

Alan is a terrific Front-End developer with excellent knowledge in advanced scripting, CSS, HTML5, and UI architecture. While working with Alan, his attention to detail was very valuable as he worked on many high profile projects. When confronted with a problem, Alan always persevered and would develop components to the website that utilized complex functionality while maintaining flexibility and ease of implementation. I would recommend Alan to any business looking for a solid front-end developer.

Matt Adolf
Manager of Front End Development
Restaurant.com

Alan is a beast of a developer. Seriously. The guy is a cyborg or something. He is fearless when it comes to technology. I don't think there is any problem you can throw at Alan that he can't handle. All you have to say is "Hey Alan... do you think it's possible?" His response: "Probably... just gimme a minute to figure it out". Fearless. I also trust him implicitly to translate designs to code. What you design is what he builds. There have been times when I've walked pass his desk and I've not been able to tell whether it was the mockup or the webpage on his monitor. That's way more important and rare than it sounds, BTW. Collaborating with Alan is a pleasure as well. He has great ideas and solutions to design problems. There are times when you only have the bandwidth to partially flesh out an idea, and Alan can grasp the concept with one discussion, then take it further if necessary. His input is always beneficial. Alan is a huge asset to any team, and is definitely a vital part of ours.

Ena Jenkins
Product Designer
RealPage

If you had five Alans you could rule the software universe. So I recommend hiring him and having him train four other guys to be as good as he is. Alan is the kind of front-end developer UX designers like myself dream of: Can work directly out of Photoshop comps, leveraging all assets therein with zero confusion, follows wire-frames to the letter, focuses like a laser on delivering high-quality front-end code that is virtually indistinguishable from the comp he was handed and does all of this at lightning speed. It was typical for me to send him a Photoshop comp on Tuesday and think he was merely reviewing it when I passed his cubicle on Wednesday when in fact he had already turned the comp in to code -- using CSS to mirror much of the imagery that appeared in the comp. The guy's a killer. If you're smart, you'll put him in charge of your whole front-end team.

Erik Gloor
Product Designer
RealPage