Headshot

Jotpad

Jotpad screenshot

Jotpad is a notepad application. Anyone can sign-up and start keeping notes, and access them anywhere on the web. A user will be able to get an e-mail in case they forgot their password. The site is responsive to mobile web viewing.

The application was built with React and Firebase. Firebase was used as the database, deployment, and authentication. When someone signs in they will only be able to see the notes that they have created. This was the most straining part of the project. To start, I had to set it up so that when a note was created, it associated the user ID with it as the creator. Next it involved passing the authentication props through to the notes, and when querying the database, only searching based on the ID. -- View here. See the code on Github.

Tower of Hanoi

Hanoi screenshot

Tower of Hanoi is a logic game where you must move a series of disks between three towers. You are only allowed to move one disk at a time and a larger disk may not be placed on top of a smaller disk. The game ends when all the disks are on the third tower.

The game was built with mostly vanilla JavaScript. There was some jQuery used to make sure some of the aspects were written cleaner. While building some of the actions, I ran into an issue where the multiple event listeners were interfering with each other. I was able to remedy this by creating just one listener that was used by all the clicks for the towers. This is the part of the project that I feel really proved my mettle. -- Play here. See the code on GitHub.

Community Kitchen

Chef Silhouette

Community Kitchen is a place where anyone can gather and share their favorite recipes. They can also keep track of their favorite recipes that someone else had shared with the community. Chefs can add, edit, and remove their recipes.

This is a full stack application built using MongoDB, Express, Handlebars, and Node.js. I encountered some issues in regard to displaying ingredients as chefs were putting them in. Since I wanted to display the ingredients in their own line. To resolve this, I put in the input for a chef to enter a single ingredient per line. From there I was able to use a string split at the line break to split the ingredients into an array. -- View here. See the code on GitHub.

Bookclub

Bookclub screenshot

Bookclub was built to be a place where you could come to find your next book to read. Someone could go to the page, search for a specific book, and leave comments. Or they could click the random button, and find the next book that they should read, either alone, or for their book-club.

Bookclub was a group project built with MongoDB, Express, React, and Node. This was to test our abilities to divide work and to work through GitHub conflicts. We did run into a few issues with merging into GitHub, but otherwise, our project went pretty smoothly. That is, until it came time to deploy. One thing that we saw was an issue while deploying to Surge, where it was having issues redirecting. This turns out was due to an issue Surge has with React routing, the resolution was to add a 200.html page, that Surge would use as the go to if the routing was not perfect, from there it would use React routing as expected. -- View here. See the code for the front-end, and the back-end.