Featured Projects

A heading reads 'Welcome to the Arcade!' on a dark purple background. Below the heading are three tall rectangles, each with the name of a game, a screenshot of the game, and a small blurb with the game objective.

Arcade

Astro

React

JS

HTML

CSS

A virtual arcade! View all the games available or select one to play (instructions are included). I built this in Astro so I could write each game in a different JavaScript framework and keep growing my knowledge!

Codebase Live Site
Case Study
A heading bar with Do I Own This on the left, and a greeting and sign out button on the right. Then, a filter bar, showing a drop down menu and a text box with a search button. Finally, a link to add something new, and a grid view three across and multiple down showing photos of nail polishes with their name below them.

Do I Own This

Vue

VueX

Firebase

Auth0

A nail polish inventory tracking site. Add and view your collection, make changes, search, and filter based on color or brand. This is the project I used to teach myself my first framework, Vue!

Codebase Live Site
Case Study

Other Fun Projects

White text across the top reads Once Human Reset Timers. The rest of the page is filled with four boxes, two per row. The top left and bottom right boxes are double the width of the other two boxes. Each box contains an icon, title, and countdown timer to show when each will reset.

Game Timers

Next

Tailwind

A site to easily check when various timers reset in the game Once Human. Weekly and hourly resets occur in-game with times shown in different menus, so I made this to track the timers in a more accessible way.

Codebase Live Site
A black background with 25 white numbers along the right side, each with two gold stars to the right of them. Ascii art creates a map of bracket markers and land masses with a small red pole with a star centered along the top, a purple sea monster in the ocean, and a hurricane spiral along the bottom right.

Advent of Code

Node

TypeScript

Advent of Code is a puzzle game that occurs every December. Each year's map creates a different picture as you solve the puzzles. I don't often finish each year, but I always learn and have fun!

Codebase
A light blue background with the face of a cartoon tiger centered in the middle. The tiger has round ears, small eyes, and a big smile. His name is Hobbes, from the comic strip Calvin and Hobbes.

CSS Images

HTML

CSS

A set of drawings created with HTML and CSS. Some ideas came from provided prompts and some from my imagination. It's fascinating all the different shapes you can create with boxes!

Codebase