Front-End Developer
|
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, purpose, and mood. Now, I bring that same eye to the web: teaching CSS animation, translating Figma into WordPress, and shaping interactive stories with code.
Craft clean, accessible layouts with modern best practices and scalable architecture.
Translating design into functional code.
Whether it’s building from scratch or extending themes, I adapt the stack to the story.
Purposeful motion that leads the eye, sparks curiosity, and feels good to use.
A selection of my range of work
A sleek, responsive music-streaming app built with Vue 3 and Vite. Users can browse, upload, and play songs in real time, with authentication and playlists powered by Firebase.
Skills: Vue 3 · Vite · Pinia · Vue Router · Tailwind CSS · Firebase · Composition API · Animations · PWA · Internationalization
Live Page
Created and presented workshops on CSS animations for Girl Develop It. I used GDI's slide template built with Reveal.js, and created interactive code examples on Codepen.io.
Skills: Reveal.js · Codepen.io · GitHub
Live Page
A custom WordPress portfolio built with the Blocksy theme and Spectra blocks. Designed from Figma concepts, the site features responsive layouts, custom CSS styling, and interactive elements powered by Swiper.js.
Skills: WordPress · Blocksy Theme · Spectra Blocks · Figma-to-WordPress Translation · Custom CSS · Responsive Design · HTML5 · JavaScript · Swiper.js Carousel Integration · SEO Optimization
Live Page
theSugarStack is an introduction to a larger project. It showcases the use of React for dynamic content rendering, state management, and modular component-based architecture to serve as a jumping off point to other larger projects related to Desserts. The theme of desserts around the world is what has driven my coding journey. Inspired by TasteAtlas, it has turned into something that combines real world conversations about culture, food and the commonalities in desserts across the globe.
Skills: CSS3, Flexbox, HTML5, Media Queries, Responsive Typography
Live Page
Uses the GitHub API to get data from my repos to create a gallery. Dynamic search tool used. The thumbnails can be clicked to get more details about the repo.
Skills: JavaScript
Live Page
A fully interactive Kanban-style board built with vanilla JavaScript. Users can create, edit, and drag tasks across columns for real-time project tracking. The board saves data automatically in localStorage, ensuring persistence between sessions. Built to demonstrate mastery of the DOM, native drag-and-drop functionality, and dynamic state synchronization without relying on frameworks.
Skills: JavaScript (ES6) · DOM Manipulation · HTML5 Drag & Drop API · Local Storage · Dynamic UI Rendering · State Management · Event Handling · Responsive Design · UX Interactivity
Live Page
Classic card game where players race against the clock & flip two cards at a time to match the images. If they match all the cards before time is up, they win! Game resets, win or lose.
Skills: JavaScript
Live PagePlayers have an allotted number of tries to guess a word picked at random, by picking a letter at a time. Only letters are allowed, or the user will be instructed to try again. The same letter also cannot be guessed more than once.
Skills: React, JSX, Components
Live PageDeveloper based out of Brooklyn, NY
The sets are digital now, but the instincts remain. I still frame every page with intention by shaping moments, not just modules. From WordPress builds that echo editorial layouts to React apps that map memory, culture, and ritual, I’m crafting a creative ecosystem that reflects where I’ve been and where I’m headed. Every project is a story, and the next scene’s already in motion.
