Front End Engineer working on design systems in Washington D.C.
Skills & Expertise
Over my career, I’ve worked with companies including Cartoon Network, Cvent, EA Sports, Facebook, Huge, LinkedIn, NASA, Oculus, and Wayfair to craft digital products for mobile, web, and emerging platforms.
In roles varying from visual designer to tech lead, I’ve developed a holistic understanding of the software development lifecycle. In recent years, I’ve focused on the following areas to specialize in UI architecture and front end engineering.
Front End Development
HTML, JavaScript, React, Next.js, Gatsby, Vue, CSS, Sass, styled-components, SVG, animation, and HTML email
Design Systems
Atomic design, design tokens, application theming, library versioning, component API design, and system evangelism
Testing & Tooling
Webpack, Jest, Cypress, Prettier, ESLint, TypeScript, Storybook, Babel, Parcel, Gulp, and custom tooling / CLIs
Full Stack Development
Node, Python, WordPress, Shopify, GraphQL, REST, Firebase, Relational and Document DB architectures
Mobile & Emerging Tech
Swift, React Native, Progressive Web Apps, Actions on Google, Chatbots, Dialogflow, and Xamarin (C#)
Architecture & Ops
AWS, GCP, Docker, NPM, JAMStack, headless CMS, serverless/lambda functions, and CI/CD pipelines
Accessibility & i18n
WCAG 2.1 & Section 508 guidelines, ARIA accessible applications, axe testing, JAWS, Wave, and Accessibility Insights for Web
Design Tools & Hand-off
Sketch, Figma, Photoshop, Illustrator, Zeplin, Invision, asset optimization, Abstract, and Framer X
Project Management
Git, GitHub, BitBucket, JIRA, Trello, Asana, kanban and scrum agile methodologies
Team Leadership
Architecture, mentorship, code reviews, presentations, data flow diagrams, and pair programming
Featured Project : Design for Business Impact
Gatsby, Contentful, and Netlify power this Designer Fund microsite featured on Awwwards and Communication Arts. Authentication integrates with Mailchimp using custom serverless Netlify Functions.
View SiteProjects & Experiments
Hotpoints App
Create custom interaction flows to facilitate product demos in commercial video shoots
Gifn Photobooth App
Worked on the native Swift iOS application for the gif-generating photobooth start-up
Designer Fund
Replatformed from two WordPress sites to a single JAMStack site using Gatsby, Netlify, and Contentful
Contentful Live Preview
Now.sh and Next.js project to live-preview markdown blog posts using the Contentful Preview API
Powerpuff Yourself
Node.js AWS Lambda services to generate gifs based on the Vue client application's Powfactor quiz results
Wordpress to Contentful
Node.js CLI to manage the automated migration between the two platforms using their respective content APIs
Automate the Boring Stuff with Python
Collection of solutions to exercises from the second edition of the popular Python book.
Netlify Functions
Collection of misc. Lambda functions. Instantly use with Netlify and compatible with comparable services on AWS, GCP, etc.
Skeletor CSS Framework
Spacing, typography, and color utility generator for rapid prototyping and design systems. Available on NPM.
gatsby-theme-xdmorgan
Pre-configured TypeScript, Sass, MDX, SEO, Local Files, Google Fonts, and Google Analytics. Available on NPM.
Articles & Tutorials
Want to get in touch?
If you’re looking to collaborate or just want to say hello, feel free to drop me a line anytime. 🤙
Send me a message