Web Projects
A catalog of cool projects I've built
Recent Projects
Web App
Exploring the Possibilities with OpenAI's Text to Speech API
OpenAI's powerful API can generate just about anything! Add an Express backend and a React frontend and you've got entertainment for hours!
Component
The View Transition API: Smooth Transitions for Better UX
Slide in and explore the coolest API since, well ever. Whether you're using the default crossfade or custom CSS animations, this API is like a salve for your animation weary soul.
website
Leveraging the Power of Eleventy in Higher Education Marketing
Content management is fun again when you use the best static site generator in the world, Eleventy! Going back to school never felt so good.
web app
Using React Context for Data Sharing in this Dictionary Web App
React Context shines in this jaunty web app that uses the Free Dictionary API to search for all your favorite words. Give it a go!
component
Building Flexible Components with Grid & Container Queries
CSS container queries and grid layout are the perfect tools to use when you want to write modern, flexible, and readable CSS.
web app
Container Queries, React Context, & GitHub API, Oh My!
React context, Sass mixins, container queries...they all come together nicely in this fun web app. Search for yourself, I know you want to!
component
A Fully Responsive Comments Section Using Custom React Hooks
A compact component, built in React and using the Comments Section API I created. Styling is done using my favorite pre-processor, Sass.
web app
Your Daily To-Do's: A Frontend Mentor Challenge
A fully responsive app built with React hooks and Sass. Cross off your to-do list in style with this functional app, complete with a dark mode toggle.
Design
The Vortex Project
My adventures in designing the ultimate Doctor Who experience. Figma is the star in this design for a blog that aims to be as timeless as the Doctor herself. Whovians unite!
website
The Neebs Gaming Website Gets a Re-Design from a Fangirl
The website I think the best gaming channel in the world deserves. This redesign focuses on creator content, community, and merch.
landing page
The Music Shop: A Landing Page Full of Soul and Sass
Using Sass to explore CSS Grid fundamentals in this landing page inspired by magazine layouts and Nashville nightclubs. This is a fully responsive landing page with style and soul.
website
The BeeHive: A Project for Inclusion
With accessibility at the forefront of this project, my team and I set out to build a more inclusive developer community using React, Redux, and Sass.
landing page
The Skate Shop
Exploring the latest in design and layout tools in this landing page inspired by the e-skateboard Mellow. Find your Cali vibe in this chill landing page with a groove.
Previous Portfolio Versions
Sometimes the portfolio is a project, too!
Portfolio 2022
This portfolio was so much fun to create. Built in React and styled with Sass, this project was a simple and stylish way to showcase my recent work. Enjoy!