I like to build stuff!

Outside of my full-time job, I build websites and web applications for companies and organizations.

I also enjoy learning new tools and experimenting with ideas.

Things I've worked on!

Portfolio

Lynn Helding

  • HTML
  • CSS
  • JavaScript
  • Vite
  • Themes
  • a11y
  • Mobile-first
  • Netlify

University of Southern California Professor Lynn Helding was in need of a website redesign. I worked with her to downsize from her large WordPress website to a smaller, single-page portfolio site. The site in built with vanilla HTML, CSS, and JavaScript, and uses Vite as a bundler. Since the site is now a static site, I also migrated the hosting of her site from a shared-hosting provider to Netlify to make use of Netlify Forms.

Dickinson Viewbook

  • React
  • GSAP
  • HTML
  • CSS
  • JavaScript

Due to the COVID-19 Pandemic, Dickinson College admission staff were unable to attend in-person meetings at high schools and college fairs where they would usually have a viewbook available. In order to assist them while meeting remotely, I worked with staff members to develop an online, virtual version of the viewbook.

Smoke & Pickles

  • WordPress
  • Adobe XD
  • PHP
  • HTML
  • CSS
  • JavaScript

Worked with the owner to create the overall look and feel of the website, implemented by designing and developing a custom Wordpress theme.

Screenshot of former Compassion Animal Resort website

Compassion Animal Resort

  • WordPress
  • Adobe XD
  • PHP
  • HTML
  • CSS
  • JavaScript
  • CSS Animation

I had previously worked with Compassion Animal Hospital to develop their internal network and when I found out that they were opening a second business I asked if I could develop their website. I designed and developed their website when the business first opened, unfortunately the business had to close due to COVID-19.

Messiah Village Shuttle Tracker

  • VueJS
  • JavaScript
  • Google Maps API
  • CSS
  • HTML
  • Adobe XD

The Messiah Village Shuttle Tracker was a project I worked on at Messiah Lifeways. Executive Staff at Messiah Lifeways were looking for a way to track the Campus Shuttle, however when working with third party companies we had found that the solutions they suggested were costly. I found a device that plugs into the On-Board Diagnostics port of the shuttle which supplied data via a Resful API and was able to plug that data into a Google Map via VueJS.

Sherman's Valley Heritage Days

  • CSS
  • HTML
  • Github Pages

The Sherman's Valley Heritage Days is an annual event in my hometown. I was looking for information about the event when I came across their antiquated website. I reached out to the maangers of the event to find out that their previous web developer had disappeared on them and they haven't been able to perform any updates to the site in quite some time. I donated time to create a low-cost staticly hosted website. I also provide updates as needed to the site.

The Pathways Institute

  • WordPress
  • Bootstrap
  • PHP
  • HTML
  • CSS
  • JavaScript

The Pathways Institute for Lifelong Learning is a sub-organization of Messiah Lifeways. I worked with the internal marketing team to develop a redesigned and much more up-to-date version of the website.

Screenshot of The Sync

The Sync

  • WordPress
  • Bootstrap
  • PHP
  • HTML
  • CSS
  • JavaScript

The Sync is the intranet site used at Messiah Lifeways. It is used to provide team members a centralized location to news and updates about Messiah Lifeways, as well as links to any internally used applications and documentation.

Projects

Ninja Chat

  • VueJS
  • Firebase
  • HTML
  • CSS
  • JavaScript

VueJS and Firebase application to store smoothie recipes. This project was a part of the "Build Web Apps with VueJS 2 & Firebase" Udemy course by Shaun Pelling (The Net Ninja).

Ninja Smoothies

  • VueJS
  • Firebase
  • HTML
  • CSS
  • JavaScript

Real-time chat application built with VueJS and Firebase Firestore. I used Firebase as the hosting service for this project. This project was a part of the "Build Web Apps with VueJS 2 & Firebase" Udemy course by Shaun Pelling (The Net Ninja).

Vue Stocks

  • VueJS
  • Firebase
  • HTML
  • CSS
  • JavaScript

Final Project of "VueJS 2 - The Complete Guide" by Maximillian Schwartzmuller. This is a VueJS application that simulates stock trading.

Codepen

  • HTML
  • CSS
  • JavaScript
  • SVG
  • GSAP
  • VueJS
  • React

I use Codepen to test out all sorts of ideas for designs and projects.