PROJECTS

Welcome to my projects page! Below you'll find a collection of my independent creations and selected coding challenges I've tackled through online learning. For a deeper dive into the code and to explore more of my projects, feel free to visit my GitHub profile.

screenshot of a WordPress blog made with Elementor

Elementor Design Page (2025)

Inspired by a business website, I used Elementor to recreate its design, exploring its visual builder and mobile-responsive tools within the WordPress platform.

Tools: WordPress (Elementor), HTML

screenshot of a David Lynch tribute journal

David Lynch Tribute Journal (2025)

A visual tribute to the works of David Lynch using skills learned in Scrimba's Responsive Web Design module. Presented in a journal-like format, the site accommodates all screen sizes using CSS flex techniques.

Tools: HTML, CSS, Figma

screenshot of a fragrance library website

My Fragrance Library (2024)

This personal project allows users to explore a curated collection of fragrances based on their scent profiles. The library generates a list of individual fragrance notes from a data source of my own, where users can select a note and display images and titles of the bottles that match the request.

Tools: JavaScript, HTML, CSS

screenshot of a candy business webpage

Business Landing Page (2024)

This self-created capstone project showcases my ability to blend web development with digital marketing skills. I designed and developed a responsive landing page for a fictional candy company, "Confection Extras," crafting the brand's identity through storytelling. I used HTML and CSS for layout and styling, JavaScript for interactive elements, and Canva for designing marketing visuals to raise brand awareness. Finally, I conducted online research and assembled a brief data analysis report on U.S. seasonal candy trends.

Tools: HTML, CSS, JavaScript, Canva, MailChimp, Microsoft Excel, WordPress

screenshot of a simple restaurant app

Restaurant App (2024)

Another Scrimba project based around JavaScript, this fictional restaurant ordering experience incorporates fetching and rendering data for display along with adding and removing menu items and their corresponding prices. Various modals also appear to create a multi-step checkout process. (hosted by Netlify)

Tools: JavaScript, HTML, CSS, Figma

screenshot of a webpage for a username generator

Custom Username Generator (2023)

Taking my interest in JavaScript random generators to the next level, this handy web application enables users to create personalized usernames through a unique interface, personally designed with Figma and coded using a CSS grid layout. The functionality in JavaScript includes a secondary file containing a large array of words to enhance variety of usernames.

Tools: JavaScript, HTML, CSS/Gridbox, Figma

screenshot of webpage about Palm Springs, California

Location Info Page (2023)

A natural continuation of my HTML and CSS studies, this simple, single-page website about Palm Springs, California was developed as part of a Scrimba project. The main focus here are flex layouts and images.

Tools: HTML, CSS

screenshot of webpage for country music artist

Country Artist Album (2023)

This fictional country singer page emphasizes color palettes, a sectioned layout, and a subtle CSS animation to enhance the user experience. During its creation, I also experimented with emerging AI platforms for generating album artwork and copywriting.

Tools: HTML, CSS, Photoshop

screenshot of president name generator webpage

Pick a Prez! (2022)

Inspired by classic randomizer websites, I built this fun tool to randomly select a U.S. president. This project marked my very first foray into JavaScript.

Tools: HTML, CSS, JavaScript, Canva