MORGAN JONES

Front-End & WordPress Developer

|

Backlots to Browsers

I cut my teeth in the art departments of film and TV. Watching worlds come to life from behind the scenes taught me how to build with precision, pace, and mood. Now I bring that same eye to the web: architecting custom WordPress themes, crafting React and Vue interfaces, and building Universo da Doçura — a dessert atlas that treats every screen like a carefully framed shot.

Skills

Semantic HTML & Modular CSS

Build clean, accessible layouts using modern best practices, reusable components, and CSS that scales with the project — not against it.

Design–Dev Harmony

Translate Figma files, moodboards, and story ideas into responsive interfaces that stay faithful to the design while respecting the realities of the browser.

React, Vue, and WordPress

Build interactive UIs and content-rich sites — from custom WordPress themes and CPT-driven archives to Vue and React apps that sit alongside them in the same ecosystem.

Animations & Interactions

Craft purposeful motion, hover states, and micro-interactions that guide the eye, reinforce hierarchy, and make interfaces feel intuitive and alive.

My work

A selection of projects that blend design, storytelling, and code

Ouça Boa Música landing page screenshot

Ouça Boa Música!

A sleek, responsive music app built with Vue 3 and Vite. Users can browse, upload, and play songs in real time, with authentication and playlists powered by Firebase. Designed to feel like a polished product while showcasing Vue’s component-based architecture.

Skills: Vue 3 · Vite · Pinia · Vue Router · Tailwind CSS · Firebase · Composition API · Animations · PWA · Internationalization

Live Page
GDI Codepen

GDI – Intro to CSS Animations Workshop

Created and presented an Intro to CSS Animations workshop for Girl Develop It. Used GDI’s Reveal.js slide template and a collection of live CodePen demos to teach transforms, keyframes, and animation timing in a hands-on way.

Skills: CSS Animations · Reveal.js · CodePen · GitHub

Live Page
Universo da Doçura WordPress Project Screenshot

Universo da Doçura — Custom WordPress Build

A fully custom WordPress application built without page builders — coded from the theme layer up using PHP templates, custom post types, custom queries, MU-plugins, and JavaScript-powered UI. Universo da Doçura is an evolving digital archive of global dessert culture, where each locale, pastry, and artisan is dynamically generated through custom fields and relationships.

Skills: Custom WordPress Theme Development · Custom Post Types (Locale, Pastry Case, Artisan) · Advanced Custom Fields (ACF) · Custom PHP Templates (archive-locale.php, single-locale.php, custom page templates) · MU-plugin architecture for Swiper.js locale hero slider · Custom WP_Query loops · Vanilla JS search overlay & mobile nav · Custom CSS · Mobile-first responsive layout

View Live
the Sugar Stack screenshot

theSugarStack

theSugarStack is a React-powered landing page that introduces a larger dessert-focused ecosystem. It showcases dynamic content rendering, reusable components, and layout systems that mirror the structure of my Universo da Doçura WordPress build — connecting React concepts to real-world data and cultural storytelling.

Skills: React · Vite · Component Architecture · JSX · CSS3 · Flexbox · Responsive Typography

Live Page
Custom WordPress portfolio screenshot

Custom WordPress Portfolio

A fully custom WordPress portfolio built from a Figma design and developed from the ground up using Blocksy as a foundation. I implemented the layout, typography, and responsive behavior with custom CSS to achieve a design-system-driven front end while keeping the WordPress editor flexible and client-friendly.

Skills: WordPress · Blocksy Theme & Plugins · Custom CSS · Responsive Design · Design Systems · Figma-to-Code ·

Live Page
SugarTrack Kanban Board screenshot

theSugarStack – SugarTrack

A fully interactive Kanban-style board built with vanilla JavaScript. Users can create, edit, and drag tasks across columns, with data persisted in localStorage. Designed to demonstrate mastery of the DOM, native drag-and-drop, and lightweight state management without relying on a framework.

Skills: JavaScript (ES6) · DOM Manipulation · HTML5 Drag & Drop API · Local Storage · Dynamic UI Rendering · State Management · Event Handling · Responsive Design · UX Interactivity

Live Page

The Story in Progress

Front-End & WordPress developer based in Brooklyn, NY

The sets are digital now, but the instincts remain. I still frame every page with intention — shaping moments, not just modules. From a custom WordPress dessert atlas with CPTs, MU-plugins, and Swiper sliders to React and Vue apps that explore music, memory, and ritual, I’m building a connected ecosystem of projects that reflect where I’ve been and where I’m headed as a developer.

I’m especially interested in roles where I can own the front-end experience, collaborate closely with designers, and keep pushing my WordPress and React skills on real products that care about both story and craft.

Portrait of Morgan Jones