Project information

  • Category: Web Fullstack
  • Project name: Assembly & Delivery
  • Project Link: Link to VPS

Designed as a solution for tracking assemblies and deliveries

I created this app because of a struggle I have had for quite some time while at work. Currently assemblies and deliveries are still done on paper. Our customers are expecting to get their purchase on a specific date and time, but often paperwork was lost or had issuees with lack of communicaton. In this project I decided to use Node/Express.js/EJS to develop a server side rendered web app. I used Pasport.js to create a login for the site so random people cannot edit the entries that were put in by other people. MongoDB with Mongoose were used together to run a NoSQL database which attaches the data to each specific user account. I used EJS for Templating and rendering the site. I was looking to get the page functional as quickly as possible so I used Bootstrap on the front end. The list of features I am looking to add are a working search bar, and to sort data in ascending or descending order. The data for time also needs to be cleaned up to make it more readable, and of course I will need to get an SSL to on the site to secure the connection.

Project information

This project was just for fun

I did this project to demonstrate my knowledge of jQuery. It was also a good project to do some client-side JavaScript work. The game chooses a random color and places that in an array. When the player clicks on a color it stores that color in a separate array. The program then compares the two arrays to check if the pattern is correct. It was a fairly simple project to do, but part of the motivation was to create a fun game friends to play.

Project information

  • Category: Web Fullstack
  • Project name: To-Do List
  • Code URL: Github Code

T0-Do list

This project started out as a basic HTML, CSS, JavaScript site. Upon learning EJS and Node.js I came back and updated it with a Node.js/Express.js backend using MongoDB as my database for storing the data.

Project information

  • Category: Web Fullstack
  • Project name: Blog Site
  • Project URL: Github Code

Blog Site

Blog sites are very common all over the internet. Many of them use a content management system like WordPress, but I wanted to challenge myself to build one to better understand how they work. This is the app I came up with.

Project information

Just for Fun Drum Kit

This is a fun little project that simulates a 7-piece drum kit. This project impliments on click and on press to allow the different drums can be played with either the key on each button or clicked.

Project information

  • Category: Web Backend/API Intigration
  • Project name: Weather App
  • Project URL: Github Code

Weather App

This app uses openweathermap.org's API to pull in weather data for a city entered into the page. The main modules it uses are Express.js, https, and EJS. Express is used for running the backend, https is used to communicate with the API, and EJS is used for rendering data on the front end. Data is pulled thorough the API parsed and then rendered onto the page.

Project information

  • Category: Web Backend/API Intigration
  • Project name: Newletter Signup
  • Project URL: Github Code

Mailchimp Newsletter Signup

The project had me reading through the documentation on the MailChimp site to determine how to interact with their API. I also had to use the dotenv module to hide my API key as an environmental variable. This made so that when I uploaded the project to GitHub I wouldn’t have to worry about the security problems related to letting the world know my key.

Project information

  • Category: Python
  • Project name: Beat Machine
  • Project URL: Github Code

Beat Machine

This app was made using Python and Pygame. Pygame works as the UI for the app and also includes a Mixer module for working with sound files. Mixer allowed for pulling the sounds into the program and playing them. With my experience working in JavaScript there are usually modules that exist to take care of basic functions. Building this program in Python/Pygame does not have those modules. I ended up needing to create multiple functions that needed to be called into the main function to create the menus, sounds, and grid. It was a really fun project to work through and I would like to get back to it and continue to add features. I would like more sound options than just 2 for each channel. I would like to implement dropdown menus to select between sounds.

Project information

Tinder for Dogs

This project is silly, and was made to practice working with Bootstrap. It is a front end only project so the download and signup buttons don't work. Contact, pricing, and download in the navbar at the top do work though. This project is where I first used Bootstrap carousels, worked with z-index, and transform property. This allowed me to get the phone photo to sit behind the features section and rotate at an angle.