Zebulon Codes

A portfolio for Zebulon Campbell.

About

Here's a little bit about me.

Hi. I'm Zeb!

me

I've been a computer geek since I was a child in the 80's. I successfully finished playing Oregon Trail without dying and knew then that I was destined to work with computers. Soon I was opening our PC to change out components. In the mid-90's I was introduced to programming and learned BASIC and Pascal. In college I got my degree in network administration. I've worked with servers and basic HTML/CSS/JavaScript programming over the span of my career. In 2018 I started Fresh Prints Photography and Media for my photography, web development, and graphic design. In 2019 I enrolled in college and in May 2021 I graduated Summa Cum Laude (4.0 GPA) with a degree in Web and Mobile Application Development

I have excellent front-end development skills with a focus on clean and simple design, though I would rather focus on back-end development. My attention to detail is strong and I am relentless when it comes to troubleshooting and debugging which has made me successful in my current career. Outside of work, I'm a car enthusiast, photographer, hockey fan, and avid gamer. I'm currently looking for freelance work and am open to exploring full time positions.

Breaking It Down

What have I done lately?

Education

Check out what I've learned from great professors!

Work History

See who was smart enough to hire me and what I did for them!

Skills and Certifications

I got the skills to pay the bills!

PDF Format

Download a PDF copy of my resume for your viewing pleasure.

Portfolio

Here are some of the projects I've built.

Portfolio 1
Portfolio 2
Portfolio 3
Portfolio 4
Portfolio 5
Portfolio 6
Portfolio 7
Portfolio 8
Portfolio 9

Interested in working together?

Shoot me an email to setup a time to discuss more.

Close

Fresh Prints Photography and Media

fresh prints homepage
Project Details:

This is a website I built for my photography, media, and web development business. This project started as a semester project in one of my classes. The goal was to develop a website utilizing multiple pages, collapsing navigation, and a front-end framework.

Tech/Resources Used:

HTML, CSS, JSON, JavaScript, Bootstrap used for front-end framework.

Link:

Fresh Prints Photos

Code Sample:
fresh prints code 1
fresh prints code 2
Close

Classy House Productions

Classy House Productions homepage
Project Details:

Classy House Productions is a custom automotive shop in Carrollton, TX. The website is built in Shopify for the eCommerce needs. I manage everything on the website from frontend changes, product updates, building new pages, design changes, and database updates for applications.

Tech/Resources Used:

HTML, CSS, JSON, JavaScript, Liquid

Link:

Classy House Productions

Close

Campbell Insurance

insure cisco screenshot
Project Details:

This is a project I built for Campbell Insurance in Cisco, TX. The website serves as an online presence with contact information, history, links to emergency claims, and a built in blog.

Tech/Resources Used:

HTML, CSS, JavaScript, Django, Python

Link:

Campbell Insurance

Code Sample:
insure cisco code 1
insure cisco code 2
Close

Dead Felons

dead felons screenshot
Project Details:

This is a blog I created for a client. The blog contains a full comment system with a backend admin section for managing comments and posts. It's built in Django/Python. All graphics were designed by me as well.

Tech/Resources Used:

HTML, CSS, JavaScript, Bootstrap, Django, Python

Link:

Dead Felons

Code Sample:
dead felons backend
dead felons code 1
dead felons code 2
dead felons code 3
Close

Circles and Sounds

circles and sounds screenshot
Project Details:

This is a project I did as part of an online bootcamp. This one requires a keyboard and speakers. Pressing keys will trigger colorful circles and sounds. This utilizes 2 JavaScript frameworks to handle the graphics and sounds. Best viewed on a desktop browser.

Tech/Resources Used:

HTML, CSS, JavaScript, Paper.js framework for graphics, Howler.js for audio.

Link:

Circles and Sounds

Code Sample:
circles and sounds code
Close

McKinney Pizza Finder

pizza finder mobile view 1
pizza finder mobile view 2

Project Details:

This is a website I built for my interface design class. The goal of the project was to create a multi-page mobile web app utilizing jQuery contained within 1 HTML document. I created an app that would load local pizza places based on the different services they offer. Best viewed in a mobile browser.

Tech/Resources Used:

HTML, CSS, jQuery

Link:

McKinney Pizza Finder

Code Sample:
pizza code 1
pizza code 2
Close

Hail Yeah, Weather!

hail yeah weather homepage
Project Details:

This was a semester project to utilize JavaScript and an API. I decided to make a simple weather application that would allow a person to get their weather information either by zip code or by browser location. The entire site is contained in a simple HTML page with the weather card hidden until the weather search is performed. Depending on the weather temperature, the weather card will have an outer glow to reflect colder and warmer temperatures. If the current weather is a thunderstorm, the weather card will flash with a lightning effect.

Tech/Resources Used:

HTML, CSS, JavaScript, Bootstrap used for front-end framework, API from openweathermap.org

Link:

Hail Yeah, Weather!

Code Sample:
weather code 1
weather code 2
Close

RGB Color Game

rgb color game
Project Details:

This is a simple color matching game based on RGB colors. The game randomizes the RGB values and applies them to the squares. You must choose the square that has the correct color of the RGB value displayed. There are 2 difficulty levels to choose from.

Tech/Resources Used:

HTML, CSS, JavaScript

Link:

RGB Color Game

Code Sample:
rgb color game code
Close

Earth Defense 2481

earth defense 2481
Project Details:

This was my semester project for Python. I created a sidescrolling game called "Earth Defense 2481". When you play the game, the clouds scroll right to left infinitely. You have control of the ship to move up/down/left/right and fire lasers. You start with 3 extra ships and 100% health. There are 2 types of spacecraft that come from right to left. One of the types is destroyed with only one shot and does not shoot lasers back at you. The other type takes multiple hits to destroy and will fire lasers at you. In addition to these, there are rockets that fire from the bottom of the screen to the top. There are health pickups and extra life pickups. If your health is at 100% and you pickup extra health, you get bonus points. All items and enemies are randomized on where they spawn. The levels are based on score. Moving up a level increases the speed of the enemies and makes the score values higher. I wanted the graphics to look like crafted cardboard cutouts. I created all of the graphics using Photoshop and Procreate on my iPad Pro.

Tech/Resources Used:

Python

Link:

Not available

Code Sample:
earth defense code 1
earth defense code 2
Close

Privacy Notice

This privacy notice discloses the privacy practices for (zebulon.codes). This privacy notice applies solely to information collected by this website. It will notify you of the following:

  1. What personally identifiable information is collected from you through the website, how it is used and with whom it may be shared.
  2. What choices are available to you regarding the use of your data.
  3. The security procedures in place to protect the misuse of your information.
  4. How you can correct any inaccuracies in the information.

Information Collection, Use, and Sharing

We are the sole owners of the information collected on this site. We only have access to/collect information that you voluntarily give us via email or other direct contact from you. We will not sell or rent this information to anyone.

We will use your information to respond to you, regarding the reason you contacted us. We will not share your information with any third party outside of our organization, other than as necessary to fulfill your request, e.g. to ship an order.

Unless you ask us not to, we may contact you via email in the future to tell you about specials, new products or services, or changes to this privacy policy.

Your Access to and Control Over Information

You may opt out of any future contacts from us at any time. You can do the following at any time by contacting us via the email address or phone number given on our website:

In order to use this website, a user must first complete the registration form. During registration a user is required to give certain information (such as name and email address). This information is used to contact you about the products/services on our site in which you have expressed interest. At your option, you may also provide demographic information (such as gender or age) about yourself, but it is not required.

We request information from you on our order form. To buy from us, you must provide contact information (like name and shipping address) and financial information (like credit card number, expiration date). This information is used for billing purposes and to fill your orders. If we have trouble processing an order, we'll use this information to contact you.

We use "cookies" on this site. A cookie is a piece of data stored on a site visitor's hard drive to help us improve your access to our site and identify repeat visitors to our site. For instance, when we use a cookie to identify you, you would not have to log in a password more than once, thereby saving time while on our site. Cookies can also enable us to track and target the interests of our users to enhance the experience on our site. Usage of a cookie is in no way linked to any personally identifiable information on our site.

This website contains links to other sites. Please be aware that we are not responsible for the content or privacy practices of such other sites. We encourage our users to be aware when they leave our site and to read the privacy statements of any other site that collects personally identifiable information.

Security

We take precautions to protect your information. When you submit sensitive information via the website, your information is protected both online and offline.

Wherever we collect sensitive information (such as credit card data), that information is encrypted and transmitted to us in a secure way. You can verify this by looking for a lock icon in the address bar and looking for "https" at the beginning of the address of the Web page.

While we use encryption to protect sensitive information transmitted online, we also protect your information offline. Only employees who need the information to perform a specific job (for example, billing or customer service) are granted access to personally identifiable information. The computers/servers in which we store personally identifiable information are kept in a secure environment.

If you feel that we are not abiding by this privacy policy, you should contact us immediately via email.