A Little Bit About Me
I like to build things, specifically the front ends of websites.
I have been building client websites for AirTight Design for over 13 years and have been the lead front end developer since the start of 2013. In addition to assembling HTML, CSS and Javascript, I lead a team of 5 developers. I am responsible for developing and implementing best practices and processes for the team.
My Experience
- I have 15+ years experience in front-end web development.
- I have 9+ years as front-end lead developer.
- I have managed a team of up to 7 front-end devs.
- Over the years, I have built dozens and dozens of websites, WordPress sites and custom WordPress plugins.
My Skills and Technologies
- HTML
- CSS
- JavaScript
- React
- Vue.js
- Webpack
- npm
- WordPress
- git
Front-End Web Development Projects
![KBB Autotrader OEM Homepage]()
Camp 360I created this one page site geared to Autotrader and Kelley Blue Book's OEM Customers. Includes a small Vue.js application for the contact form. I did all the work for the homepage except for the mini navigation and the "C" image animation. A blog section has since been added to the site.*for AirTight Design![B2B Autotrader Homepage]()
b2b.autotrader.comI led the dev team for AutoTrader's B2B all new website, built from the ground up leveraging the WordPress block editor and a component driven build system using Storybook. I did a large part of the development for this site.*for AirTight Design![Monarch ESG Homepage]()
Monarch ESGI led the dev team for the Monarch ESG website using the WordPress block editor and a component driven build system using Storybook. I did some dev work on this site including a Vue.js state map application, but development on this site was largely a team effort.*for AirTight Design
React.js Apps
![Monarch Private Capital Project Map]()
Monarch Private Capital Project MapThis React.js app pulls location data from the WordPress API and displays the locations on a Google Map. Users can filter the locations by project and credit type.*for AirTight Design![RVs.Autorader.com Search Results Page]()
RVs on Autotrader Search ResultsThis React.js app allows a user to search for available RVs. I worked with the development team that built all of the interface components.*for AirTight Design![Manheim Express Homepage]()
Contributed React Native components on Manheim ExpressI built a color picker component and a hanful of others in React Native for this mobile app.*for AirTight Design![johnegraham2.com]()
John Graham's PortfolioThis very site is built using Gatsby.js and React.
Vue.js Apps
![Smith Currie Attorney Search]()
Smith Currie Attorney SearchThis Vue.js app filters and displays Smith Currie's attorneys loaded from WordPress via the REST API. Users can search for attorneys by name or filter results by a number of parameters. I built this entire app.*for AirTight Design![Monarch ESG State Map Tool]()
Monarch ESG State Tax Credits MapThis Vue.js app loads and displays state data from an API. It presents state data based on the user's ineraction with an SVG map. I built this entire (m)app.*for AirTight Design![SACS COC Instituion Search Page]()
SACS COC Institution SearchThis Vue.js app searches, loads and dislays institution data loaded from an API. I built this entire app.*for AirTight Design![ACT Online Assessment Planner Tool]()
ACT Assessment PlannerThis Vue.js app creates a grid of current and propsed solutions based on user input. I built this entire app.*for AirTight Design![NADA Signup Page]()
Cox Automotive NADA Demo SignupsThis Vue.js app schedules demos for the NADA tradeshow, offers recommendations and builds a user schedule. Currently, signups are closed, but they'll open back up in November or December. I build this entire app.*for AirTight Design
