Michael Puckett

JavaScript Engineer

Summary

I'm a programmer for hire, currently based in Louisville, Kentucky.

My passion is making useful digital things.

Experience

Apple

UI Engineer Cupertino, CA 2013 - 2016

I helped build and maintain the front-end for apple.com across several redesigns.

CNN

Senior Web Developer Atlanta, GA 2013

I worked on the responsive redesign and replatforming of CNN.com.

iostudio

Web Developer Nashville, TN 2012 - 2013

I built marketing websites and web apps for clients, including the National Guard.

Fruit of the Loom

Web Developer Bowling Green, KY 2012

I designed and developed a relaunch of jerzees.com and maintained other brand websites.

2-Com

Web Developer Nashville, TN 2010 - 2012

I worked on a web app that generated marketing materials for small businesses.

Skills

Front-End Web Development

Pixel Perfect Implementation
I can reproduce design comps in code at such a high fidelity that overlaying the coded site and the original design reveals no differences.
Responsive Web Design
For years, I have advocated using CSS media queries and mobile-first patterns to target all screen sizes from a single responsive codebase.
Styleguide Driven Development
I've found that developers can better collaborate with designers by building a living library of reusable components that acts as a shared visual vocabulary.
Accessibility and Inclusively
To accommodate all users, including those with screen readers, I implement semantic markup with ARIA tags, and I keep in mind issues like color contrast.
Past Experience
  • Apple
    I built pixel-perfect interfaces to support product launches, campaigns, and transactions on apple.com. I created a living styleguide and architected the transition of the UI codebase to SMACSS (Scalable & Modular Architecture) style and a more modern build stack. I received extensive training on web accessibility best practices.
  • iostudio
    I helped develop nationalguard.com, the first website of any branch in the U.S. military to go responsive, and among the first government sites to do so. I worked closely with designers to address visual issues that arose across multiple mobile and tablet screen sizes.

Application Development

Crafted, Maintainable Code
To avoid technical debt, I focus on maintainability by establishing processes, standards and tooling to support writing testable, modular, peer-reviewed code.
Full Stack JavaScript
I've written build systems, CLI scripts, and servers with NodeJS. I've used backend technologies like Mongo and services like AWS and Firebase to work with databases.
Frameworks
I'm fluent in React paired with Redux, together among the newest generation of frameworks based on web components and functional reactive programming concepts. I also have experience with MVC frameworks, such as Angular1 and Backbone.
iOS/Android Apps
I believe JavaScript is the best choice for reusing code across multiple platforms: browsers, web servers, and now mobile apps. I'm not fluent in either Swift or Java, but I've created mobile apps that leverage native code with React Native.
Past Experience
  • CNN
    Together with a small team of engineers, I helped migrate cnn.com from a legacy backend to an Express web server that received JSON data from a CMS. My main responsibility was templating data into markup. By using an isomorphic template engine, we gained the flexibility to send pre-rendered markup from the server or to generate markup from JSON on the client, from the same templates.
  • iostudio
    I wrote the front-end of a single page web app written in Angular1 that helped National Guard recruiters keep track of their potential and active recruits. Features included authentication, account privileges, a calendar, and CRUD (create, read, update, delete) operations on the data over a REST API.

Side Projects

Google My Maps Clone

Developer Louisville, KY 2016

I created and launched a custom map widget built with React/Redux and Google's Map APIs and Material Design language.

The client requested feature and visual parity with the existing My Maps widget built by Google. It shows categorized locations on a map, and the user can interact with them.

Superchat

Developer Nashville, TN 2013

On several occasions, I have joined local developers for weekend-long hackathons to make games and apps.

At Hack Nashville 2013, I built Superchat to experiment with web sockets and other HTML5 capabilities. Features included a chat room, drawing to a shared canvas, and drag-and-drop file uploads all in real time.

Draft Warren Campaign

Developer San Francisco, CA 2014

I volunteered my time to build a responsive campaign microsite that let voters send pre-designed postcards to Senator Elizabeth Warren encouraging her to run for president.

Although Senator Warren did not end up running in 2016, the campaign was a viral hit and sent a message about what grassroots campaigns can achieve online.

Rise Over Run Magazine

Founder Bowling Green, KY 2007 - 2009

I started an online culture magazine in college. I built and maintained the website, produced content, art directed photo shoots, coordinated fundraising events, and managed a staff of student writers and photographers.

The magazine won the 2007 Society of Professional Journalists Mark of Excellence Award for Best All-Around Independent Online Student Publication.

Education

Western Kentucky University

BA, Advertising & Graphic Design 3.9 GPA 2009

Conferences Attended

WWDC 2014, 2015
Camp Sass 2013
Throne of JavaScript 2012

Michael Puckett

Louisville, KY 40206