Front end built to serve media-focused, primarily original content made by creator and presented in two primary forms: a portfolio for aesthetic designs and artwork, and an integrated eCommerce platform for selling original creations and customized dropship items.

Original front end theme for Ghost designed from the most basic elements of Ghost's Starter Template. Coded to integrate a unique blend of static as well as dynamically rendered content that enables the business owner to make changes to the site with autonomy and confidence.

• Ghost CMS
• Handlebars.js
• Node.js
• Sass + PostCSS
• Laravel Mix Webpack
• Gulp

• Gerillass SCSS Toolkit
• TailwindCSS v3
• Accoutrement
• Luge
• Jarallax
• jQuery
• GSAP
• GLightbox
• jQuery Swiper
• Isotope JS
• Bootstrap Icons

• Content slider/carousel displaying featured posts, shop items, etc. (new content tagged "Featured", either in CMS or in Shopify)

• Original content displayed in responsive masonry grid using Isotope JS library
• Grid items sortable based on categories with Isotope JS sorting filter function
• Images viewable using GLightbox

• Basic eCommerce integration with Shopify's JS Buy SDK. Several categories of original products and drop ship items pulled from connected Shopify Admin through SDK, using data-attributes to pass identifiers such as Collection or Product ID. Fetch Queries written to pull newest products in descending order with additional sort/display options based on tags for items in Shopify.
• Shopping cart modal that directs to Shopify secured transaction cart in new tab upon checkout.

• Basic page template reconfigured to accomodate a biographical info section for client

• Basic page template reconfigured to display user controlled content alongside a basic email contact form.

This site is hosted on Digital Ocean using a Ghost CMS configured Droplet server, running Ubuntu 20.04 and Node.js. All changes and updates to the theme are deployed using the handy Theme Deployment Action configured through this repo on Github.