My Portfolio
Check Out What I've Built

"All we have to decide is what to do with the time that is given us." - Gandalf

This is where I showcase my work, from projects I built learning to code to websites I created for work. I’ve gathered all my projects into a single repository. I am honored to work in a field where my work can persist past it’s creation. Whereas a chef’s creation may only live until the dining guest completes their meal, my work lives as long as the hosting is paid for (or longer if we’re talking GitHub Arctic Code Vault). Each project includes the tech stack used, applicable links and a copy of the sites readme.

Projects

Projects

Our company site was ready for a redesign. We migrated to a JAMStack site architecture using Gridsome to handle static file generation and WordPress to serve as a build-time CMS.

Fervor Website

Developed For Fervor

Our company site was ready for a redesign. We migrated to a JAMStack site architecture using Gridsome to handle static file generation and WordPress to serve as a build-time CMS.

Another super fun #JavaScript30 coding challenge. Built this project for Day 3, really enjoyed being able to update CSS variables using JavaScript

Update CSS Variables with JS

Developed For #JavaScript30

Another super fun #JavaScript30 coding challenge. Built this project for Day 3, really enjoyed being able to update CSS variables using JavaScript

Javascript Drum Kit listens to the keydown & transitionend event to dynamically play audio clips and animate elements.

Javascript Drum Kit

Developed For #JavaScript30

Javascript Drum Kit listens to the keydown & transitionend event to dynamically play audio clips and animate elements.

Clock built with JavaScript using the Date() object and a setInterval function to update the clock every second

JS And CSS Clock

Developed For #JavaScript30

Clock built with JavaScript using the Date() object and a setInterval function to update the clock every second

This is a CLI app built with node and uses mySQL to host the database functions. When you load the app it will display some hard-coded items with information on stock, price, and ID number.

Amazon CLI

Developed For School

This is a CLI app built with node and uses mySQL to host the database functions. When you load the app it will display some hard-coded items with information on stock, price, and ID number.

A turn based jQuery RPG using Dragonball Z as the theme. *This was one of the first apps I developed and as such it is not mobile friendly*

Dragonball RPG

Developed For School

A turn based jQuery RPG using Dragonball Z as the theme. *This was one of the first apps I developed and as such it is not mobile friendly*

A timed trivia game that will provide a set amount of questions for the user to answer within specified time frame. The purpose of this game is to show how I can handle using jQuery DOM manipulation and setTimeout() events in JavaScript. The page will keep track of wins v. losses & round without refreshing the page.

Video Game Trivia

Developed For School

A timed trivia game that will provide a set amount of questions for the user to answer within specified time frame. The purpose of this game is to show how I can handle using jQuery DOM manipulation and setTimeout() events in JavaScript. The page will keep track of wins v. losses & round without refreshing the page.

A landing page concept for a nature tour website using advanced Scss for design.

Natours

A landing page concept for a nature tour website using advanced Scss for design.

An app that pulls GIF's from the GIPHY API and displays them on a webpage

Gif Search

Developed For School

An app that pulls GIF's from the GIPHY API and displays them on a webpage

Getting familiar with Three.js and made an animated 3D graphic.

3D Graphics Demo

Getting familiar with Three.js and made an animated 3D graphic.

An app that uses firebase to read and write data and uses moment.js to manipulate and output time.

Train Scheduler

Developed For School

An app that uses firebase to read and write data and uses moment.js to manipulate and output time.

Demo Website created practicing a multilayer parallax. Used SCSS, but could have been done with CSS in less effort but prefer to set it up for future expansion rather than have to edit it later.

MARS

Demo Website created practicing a multilayer parallax. Used SCSS, but could have been done with CSS in less effort but prefer to set it up for future expansion rather than have to edit it later.

A finance tracker built with Vue.js

Expense

Developed For School

A finance tracker built with Vue.js

Films + Friends is a service aimed at helping users plan what movies to watch with their friends.

Films + Friends

Developed For School

Films + Friends is a service aimed at helping users plan what movies to watch with their friends.

I developed this website for a client of Fervor's to serve as a resource for information about their company.

Executive Advisory Partners

Developed For Fervor

I developed this website for a client of Fervor's to serve as a resource for information about their company.

A Social Network with a Purpose. Dedicated to the sharing and collecting of knowledge.

Cerebellum

Developed For School

A Social Network with a Purpose. Dedicated to the sharing and collecting of knowledge.

New website for the Tech Access team ran by the Kansas City Public Library

Tech Access

Developed For The Kansas City Public Library

New website for the Tech Access team ran by the Kansas City Public Library

Static website build for the Kansas City Public Library in honor of the centennial of the 19th amendments passing in congress.

19th Amendment In the Heartland

Developed For The Kansas City Public Library

Static website build for the Kansas City Public Library in honor of the centennial of the 19th amendments passing in congress.