Featured Projects

Hobbes the Tiger, from the comic strip Calvin and Hobbes, drawn with HTML and CSS.

CSS Images

HTML

CSS

Images created using CSS, following prompts from a daily email. Through working on these drawings, I started to learn more about positioning items with CSS, as well as flexing the creative side of my mind.

Code
View Project 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

Do I Own This is a personal nail polish inventory tracking site. It's meant to hold information about your collection, so while you're out at a store you can easily see if you already own a polish or not. I built this site to both help my future self, and learn Vue.

Code Live
View Project Case Study

Other Fun Projects

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

JS

Rust

Advent of Code is a daily puzzle game that happens every December. Each year, there's problems that deal with common math or algorithm puzzles, and each year's map creates a different picture. The puzzles are always challenging and feel so good to complete! In 2020, I also built a helper terminal command in Rust to create the day's files for me.

Code
A blue background with a white textbox centered inside, which shows a quote from Ratatouille, with a Twitter icon in the lower left and a new quote button on the lower right.

Random Quote Generator

HTML

CSS

JS

jQuery

Pulls a random quote from a separate JSON file and displays it. Also provides the ability to create a Tweet sharing the quote. I created the JSON file with a ton of my favorite quotes to use for this project, and adjusted the styling to change coordinating colors when a new quote is generated.

Code

Home Page

HTML

CSS

Vue

My own personal home page, filled with links I visit regularly. The greeting randomly selects an adjective from a list and updates morning/afternoon/evening depending on the time of day.

Code Live
A dark black border on the left hand side shows a table of contents. The right hand side shows a white blackground with black text, showing the title Learn with Jason commands and a few list items showing a command name and description.

Technical Documentation

HTML

CSS

JS

I've enjoyed participating in the Learn with Jason Twitch streams for awhile now, especially with all the different ways chatters can interact with the stream. So while going back and completing some FreeCodeCamp exercises, I made this documentation of the different chat commands for Jason's stream.

Code
A title of Wiki-Search, with a text box to enter your search and a search button, a link to view a random article, and then a list of search results, each showing the title of the wiki article, a short description of the article, and a link to read the full article.

Wikipedia Search

HTML

CSS

JS

jQuery

Search Wikipedia for any category, and see matching search results that link to the articles. Can also get a random article to view. This was one of the first Free Code Camp projects I did that utilized API data.

Code