Design library featuring multiple page designs. Made with Tailwind CSS, PostCSS, CSS Grid, CSS animations & transitions.

Includes scroll events,  use of the Intersection Observer API (for image and video lazy loading, “slide-in” effects on scroll), background videos, and a masonry grid layout generated by Javascript.

Dependencies include CountUp.js, lightSlider, and lightGallery. Built in WordPress; templates developed using HTML, Tailwind CSS, PHP, and the Advanced Custom Fields plugin.

Lead developer – created over 15 page templates using re-usable components.  Custom post types, multiple site searches, and blog layout—set up on WordPress using the blocks editor to allow content creators and other marketing professionals to maintain site content and future design.

A WordPress theme that I built in my free time to improve my skills and get more accustomed to the platform. Includes use of page templates, CSS Animations, form validation using the jQuery Validation plugin, a cookie banner, and a custom CSS modal. Also uses Advanced Custom Fields.

Developed in WordPress: ACF Pro, Tailwind CSS, lightSlider, PHP, HTML, custom post types. Overlapping boxes achieved with CSS Transforms, Flexbox, and Grid. Fully editable by the client using the WordPress Block Editor and the ACF Pro plugin.

E-mails made for a client with an e-commerce site running on the Pinnacle Cart CMS. The client wanted an update to the standard Pinnacle Cart e-mail templates (e.g., password change e-mails, order shipped alerts, etc.) Developed with MJML and set up to pull in values from Pinnacle Cart.

Animated image download buttons, color palette cards, image galleries (lightGallery), image sliders and gallery sliders (lightSlider), image download grids, and headshot gallery. CSS Grid, CSS Animations, scroll effects.

Allows anyone in the company to download useful graphics, get brand color information, etc.

Lead developer on this 100+ page WordPress site. Created a component/template library using Advanced Custom Fields Blocks and Tailwind CSS, which allows anybody on the team to create pages using the block editor in WordPress. Responsible for regular maintenance and updates.

A business technology age calculator. The user estimates their business age in different categories using 7 inputs. Average business age is then updated on-the-fly and features a count-up animation (CountUp.js). Javascript, jQuery and CSS also used for some other animations.

User can receive an e-mail with their business technology age results and a link to their results. Also allows user to share their results with others. Both e-mail templates developed using MJML. Form built using the Gravity Forms plugin.

Lead developer on this 50+ page WordPress site. Created reusable ACF Blocks for the customer’s product pages, added multiple slider styles (Slick Slider), resources page, and gallery (lightGallery), all of which are fully editable and configurable by the client, who is a non-developer.

Built out this WordPress theme and the home page and subpage templates. Given the reusable nature of the Blocks in the Blocks editor, the site was able to be completed by others on the team, who were able to build the remaining pages fully in the WordPress Block editor.

My previous website.  Uses CSS Animations, CSS Grid, different CSS tricks, and some presentational Javascript. The contact form was developed using PHP Mailer.

A WordPress theme that I started working on, but never finished. It’s just a home page for now. Features some interesting hover effects and an interesting mobile nav. Mostly, this small project provided me a chance to test out using Advanced Custom Fields Blocks in the WordPress Block editor.

A wedding website project that I made for friends who were getting married. It’s a single-page site with some CSS Animations, fade-in effects on scroll, and scroll-to-link effects. The RSVP form was made with PHP Mailer and includes form validation. Also includes a countdown timer.

An early project I made to work on my Javascript and CSS skills. Features 3 different bells, a delay timer, and an interval timer. You can set the time using the arrows. It also features 3 different stylesheets, one of which loads randomly each time you visit or refresh the page.

This is a recreation of the Simon game using HTML, CSS, & Javascript. Goes up to 20 turns, has an on/off button, strict mode, and displays how many rounds you’ve gone through.

A Javascript calculator that performs basic arithmetic calculations. Also has AC (All Clear) and CE (Cancel Entry) buttons. Uses CSS Grid to lay out the buttons.

On each button click, makes a call to a random quote API and updates the front-end. Each time the quote is updated, the color palette is randomly changed to one of a few different options. Also allows you to post the quote to Twitter.

Choose to play as X or O against the computer. You should only be able to draw or lose.

Makes a call to the MediaWiki Web API and returns the first 10 results. Also allows you to view a random article.

Pomodoro timer that allows you to customize the pomodoro time and the break time. Has a bell that sounds at the end of a pomodoro or break. Time passing is also animated inside the tomato.

Includes some simulated data from a Twitch API call and lists out the users from the data set. You can sort by “All”, “Online”, and “Offline”. You can also search using the search bar.