Frontend Developer Technical Test


This is the technical test for our frontend developer position. We have created a Figma design file with all design elements for desktop and mobile ready for you to code. Your task is to take these designs and build a Shopify theme for this specific page.

Shopify Buildout: The details

This is where you'll be spending most of your time, so we want to make sure you're strong on the Shopify theme development front.

Mega Menu

When hovering over the first "Category" link, a mega menu should appear with four groups of links and an image with a caption.

Quick View

Clicking on the "Quick View" button (which should appear when hovering over a product) should trigger a modal with product information, and this "Add to Cart" button should add the item to the cart without closing the modal and update the cart state to reflect the new cart count.

(Optional) Featured Product Slider

Create a Shopify section to preview a collection of products in a slider. You can choose which slider script you'd like to use, as long as the website matches the design.

What we'll be looking for

On the UX/UI side...

On the development side...

Get started

To get started, you'll need to create a Shopify development store.

This Shopify theme should be built with Slate v1. Make sure you have all necessary requirements set on your computer by following the instructions in the aforementioned link.

Run yarn create slate-theme taproom-test to begin working on your theme.

Build out the page with the requirements mentioned above. Create a GitHub repo to share with us and send over the myshopify URL so we can request collaborator access.


If you have any questions or run into issues, send an email to