Personal Projects

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

Firebase

CSS

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.

Demo Live Site Code
Filter bar on top with options for selecting neighborhoods or cuisines, showing three restaurant cards below, each with an image, favorite status, name, neighborhood, address, and a button to view more details

Restaurant Reviews

HTML

CSS

JS

Service Workers

IndexedDB / idb

Created during the Udacity Mobile Web Specialist Nanodegree course, this site allows users to favorite a restaurant & add reviews, as well as filter by food type or location. Accessibility, responsiveness & offline capabilities were the main focus!

Demo Live Site Code
Hobbes the Tiger, from the comic strip Calvin and Hobbes, drawn with HTML and CSS.A front facing view of a grey elephant, drawn with HTML and CSS.

Daily 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.

Demo 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.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.

Free Code Camp Projects

HTML

CSS

JS

Projects created while working through the Free Code Camp curriculum. Through these projects, I first experienced pulling data from API's & started learning more about styling and testing. During Hactoberfest in 2017 I also improved some of the documentation for Free Code Camp's weather API source.

Code
A data table with white background and black text, showing the name of each stamp part and it's current available quantity

Stamp Inventory

HTML

CSS

JS

Google Sheets API

A site created to show the current inventory for self-inking stamp supplies. Using a Google Spreadsheet as the database, the user can use a form to update when supplies are used or received.

Demo Live Site Code