Patrick Jeffers
Portfolio

Portfolio

Notable Projects


Below is a showcase of some of my projects in web and software development. These are simply a handful of the fun or interesting projects I’ve worked on. In the footer below is a link to my Github where you can find a more extensive archive of my projects and work.


Jeffers Racing and Performance
FizzBuzz
Introduction Form
Databases
Mailing Label Printer and Barcode Generator
Covid-19 Data Charts
React Collaboration Project

Jeffers Racing and Performance

Jeffers Racing and Performance

This was one of the first static web pages I made for a WEB115 class. There were some other pages before this but I recall this being one of my first web projects that I was excited about and proud of the results. It’s not all that complicated, very beginner and introductory. Consisting of just HTML and CSS with no Javascript. The purpose of the page was to create a mock business to demonstrate the concept and importance of branding and consistency throughout a project. The fonts, colors and general theme through CSS were later applied to several other pages as we learned how to link a style sheet across a fully integrated site. This was a great introductory project and taught me some great web development fundamentals early on.
Jeffers Racing and Performance
HTML | CSS


FizzBuzz

FizzBuzz 4 Screenshot

Similar to the branding project above, this was one of the first assignments where we were introduced to Javascript. Through a series of several FizzBuzz exercises we were expected to get information from the user which was then used to generate different content upon submission. The styling and main shell of the websites were maintained and reused using our previously defined brand. This showed us how quickly new pages could be created where only the core content needed to be added. The introduction of Javascript was a game changer for what I found possible in web development but the learning curve I also found quite steep.
FizzBuzz0 | FizzBuzz1 | FizzBuzz2 | FizzBuzz3 | FizzBuzz4
The Javascript Files


Introduction Form

WEB215 Introduction Form Website

Moving into WEB215 we were tasked with building a new website with new branding. I chose a snack shack theme and brand based on my girlfriends love of candy and treats. I wanted to pick a scheme that I wouldn’t typically pick for any of my personal projects, as a way of challenging myself by simulating something I may need to create for a client someday. In these web courses we were always expected to create an introduction page for ourself. In this project however we used a form and Javascript to allow a user to input content which would generate an introduction below. Space holder content was taken from my personal intro page but could be customized. While still not super advanced stuff here, this was yet more practice for ways to incorporate Javascript to make dynamic web pages.
Introduction Form
Javascript


Databases

Database Folder

This isn’t a particular project but rather a folder of some of my work and experience working with SQL and databases. In this course we were responsible for planning and the creation of entity relationship diagrams. From there we would gain extensive experience in the creation, maintenance, manipulation, and selection of data from various tables depending on the particular assignment. Back end databases and data management in general are extremely important for nearly all software systems. The rate of data usage and collection is only rising so these concepts and SQL were a really important thing to learn.
Database Project Folder


Mailing Label Printer and Barcode Generator

Python Mailing Label Project

This was a fun project in Python to create barcodes and mailing labels through a simple user interface. This program and interface would allow you to either create a single mailing label based on custom user input or process many labels from data found in a mailing list file. The program would interrogate the user about the type of item being mailed as well as the weight and then calculate the shipping cost. The zip code was sent through a function to calculate a check digit. From here another function would take the zip and check digit and create a unique string barcode to display later with the label. Python is a powerful functional language with tons of potential use cases. This project was a great exercise in creating a full user controlled program to quickly handle a repetitive task. The ability to handle one mailing record or a large file of records demonstrated the flexibility and powerful capabilities of Python and languages like it.
Mailing Label Printing System
Data File For Multiple Mailings


Covid-19 Data Charts

Covid 19 Data Chart Program

This is another great project in Python for creating charts from data stored in a CSV file. The Pandas library was used to read the CSV file into a data frame. The CSV file contained a massive amount of data related to cases and death tolls over periods of time in different states. With this data the program would prompt the user to select what data they would like to see and then display it in a graph or chart for easier human analysis. This was a great exercise to see if we could utilize outside libraries to help read and parse data. Not only that but it was also a good example for when and how to use the plotting features of matplotlib. As with the Mailing Label project above, all user input was validated to maintain the integrity of the operating program.
Covid-19 Data Charting Program
CSV File


React Collaboration Project

React Application Framework

In an attempt to learn more about React and its capabilities I have recently started this project with a friend who is also a web development student. The idea was to create a site for my track car and to hopefully integrate some useful features for collecting and analyzing data gained during track sessions. The site would list all of the modifications and setup changes made to the car as well as serve as a place to store part numbers and links for where to obtain parts and consumables. Once we figure out and deploy the main site, eventually I would like to add features for storing setup specifications such as tire pressures, suspension and wing settings. With lap time data and ambient condition data I should be able to compare and analyze the results of setup changes to the car to see what ends up yielding better lap times. With known good setups it will make dialing the car in much more efficient and give a good baseline for where to start at any given event based on conditions. This project is gaining inspiration from a similar site and we are using an instructional video tutorial to help us self teach and build this project out. The project is in its very early stages and just a simple framework currently, but we hope to continue building and deploying components soon.
Inspiration Site
Tutorial Video