About

When I think of my career, I generally think of myself as a Web Developer. This stems from the way I think of the term developer. I fundamentally think of developers as people who solve problems and understand there are a variety of ways to implement a given solution. In technical terms I have more experience implementing Front-End solutions as opposed to Back-End ones, but I would say I am comfortable working in both areas. My language preference in personal projects is Javascript. I would be comfortable calling myself a Full-Stack Developer. Eventually, I'd like to use my knowledge in entrepreneurial endeavors.
A huge portion of my life growing up was dedicated to the Internet via online video games so I've always appreciated the Internet. As I've gotten older I've found myself playing far fewer online games now, but continuing to have the same appreciation for the way it's connected me to friends and strangers with mutual interests. The Internet's importance stems beyond just social uses though. Amazon, for example, has revolutionized the way we consume goods via an online sales portal. Other companies like Uber and Lyft using modern web applications to connect their users to transportation providers. Witnessing these types of business developments makes me excited for the future of Web Development and how the Internet will get bundled into the next innovation.
I run an opensource organization called Devvit that acts as a place where developers can collaborate and learn together while building software that anyone can make use of in their own projects. You can see our Github here.
You can see a list of projects I've worked on before below. However the project I'm most proud of is the KF2 Calculator. It's built with Vue.js and functions as a modern single page application. It's seen continual usage by the community it was made for several years.

Technical Skills

Primary Technology Skills

HTML5 - CSS3 - Sass - Javascript - React.js - Vue.js - Gulp

Minor Technology Skills

Node.js - MongoDB - Wordpress - Ubuntu - Bootstrap

Kitchens Design & Interiors

#Client-Website #Wordpress

Business Website for an Interior design company in California

Kitchens Design & Interiors

#Client-Website #Wordpress

I was contracted for this project to improve the client's website and was able to dramatically increase page load speed and also able to supplement lead generation with the addition of a contact form.
click the thumbnail to view the gallery
A Portfolio Website for a Client to Showcase his programming project experience
I was contracted for this project to adapt content from the Client's previous website, which is broken and built with Dreamweaver. I used a Gulp build system with Sass files to build a layout for the client's content
click the thumbnail to view the gallery

Landing Page Template

#Javascript #CSS-Grid

Simple Landing Page Prototype

Landing Page Template

#Javascript #CSS-Grid

Versatile landing page template that can be purposed in a variety of ways.
click the thumbnail to view the gallery

WordPress Solutions

#WordPress#Lamp

Wordpress Website built locally and migrated to a live server to promote freelance services.

WordPress Solutions

#WordPress#Lamp

I built this website to advertise freelance Wordpress and Web Development Services. The landing page uses the Hestia theme, and the article page was made with a plugin called WPblockade.
click the thumbnail to view the gallery
Web Application for a Video Game. Calculates player damage
Calculates player's in-game damage for them for each class with each of their individual weapons.Damage calculations use values and formulas listed on Google document for the game. It also displays enemy's in-game health and resistances on mouseover.
click the thumbnail to view the gallery

Start Page Web-Application

#Javascript

Single Page Web Application

Start Page Web-Application

#Javascript

I built this for my own personal use as a start page.
click the thumbnail to view the gallery

To-Do-List Web App

#Javascript

Web App to demonstrate proof of Model View Controller Architectural understanding.

To-Do-List Web App

#Javascript

The goal of this project was to demonstrate that I was familiar and able to write modular code that interacts with other sections of code in order to achieve its purpose.
click the thumbnail to view the gallery

PrevPortfolio2

#Archived

The second portfolio I made to showcase my projects.

PrevPortfolio2

#Archived

After my Bootstrap portfolio, I wanted to make one that had no extra code that slowed down the website's load time. While I finished the website, it ended up not looking as good as I wanted it to.
click the thumbnail to view the gallery

BootstrapPortfolio

#Archived

My first personal portfolio. Adapted from a Bootstrap 4 template

BootstrapPortfolio

#Archived

This was my first portfolio that I was using previously up until I made this one. It was adapted from a bootstrap 4 template.
click the thumbnail to view the gallery

PongReplica

#Javascript

Pong made on an HTML5 canvas element with Javascript

PongReplica

#Javascript

Pong made on an HTML5 canvas element with Javascript. Control the paddle with the mouse. Plays to three points.
click the thumbnail to view the gallery
Javascript framework demo for data visualizations
Demo project that uses a Javascript framework Chart.js to create data visualizations
click the thumbnail to view the gallery

AjaxwithFetch

#Javascript

Ajax technology demonstration

AjaxwithFetch

#Javascript

A small demo using the newer vanilla Javascript method of utilizing AJAX technology, Fetch.
click the thumbnail to view the gallery

FlexPane

#CSS

A column pane layout that uses Flexbox.

FlexPane

#CSS

A column pane layout that uses Flexbox to enlarge panes on click with animated text.
click the thumbnail to view the gallery

Canvas Layout

#Javascript

A flex CSS layout with an HTML5 Canvas in the background

Canvas Layout

#Javascript

I wanted to make a simple one column layout but I also wanted to use a particle maker I had been working on so I decided to change the z-index of the canvas so that the circles only move around behind the column.
click the thumbnail to view the gallery

ProjectArchives

#Archived

An old showcase website

ProjectArchives

#Archived

Before I had a portfolio website, I used this to display the projects I had built previously.
click the thumbnail to view the gallery

MatrixNumberFall

#Javascript

Creating a number fall effect with Javascript

MatrixNumberFall

#Javascript

A falling number effect that is similar to the one used in the Matrix. Buttons on screen allow you to change the number's color as they fall.
click the thumbnail to view the gallery
A clock made with CSS3 elements that adjusts to your time
A web application that mimicks a analog clock's face with hour, minute, and second hands being updated by Javascript. Above it is a digital style clock.
click the thumbnail to view the gallery

BulmaCssTester

#Javascript

Bulma Theme Testing

BulmaCssTester

#Javascript

The Bulma-boilerplate website changes the theme of the website when you click on links from the dark themes or light themes box.