CB

Who I am

Hello, my name is Caleb Bathurst. I'm a Web Developer, Designer and Animator.

Proficiencies:

Design:

Adobe Photoshop

Adobe Illustrator

Coding:

HTML 5

image/svg+xml

CSS3

Javascript

Vue.js

SVG Logo Designed for the SVG Logo Contest in 2006 by Harvey Rayner, and adopted by W3C in 2009. It is available under the Creative Commons license for those who have an SVG product or who are using SVG on their site. SVG Logo 14-08-2009 W3C Harvey Rayner, designer See document description image/svg+xml

SVG

My Projects:

Contact Me:

Full Name:

Error Message

Email:

Error Message

Subject:

Error Message

Message:

Error Message

X

Soul Redemption: Rock Paper Scissors

Project Description:

A Rock Paper Scissors game created using Foundation, GSAP, SVG and Vue.js. The game also comes with its own narrative. The Vue.js framework is coded to collect data about the game and to act as a gamemaster, it monitors the scores of the player and the AI and a point is incremented for either player should they score a point. It also keeps track of who has the most points and the borders around the winning player are turned to white. The player must score 6 points before the AI player does to win.

Click to View

X

LakeRidge Health Clinical Trials

Project Description:

This project was done in collaboration with a class group in Collaborative Projects. The purpose of this project was to create an interface application for physicians to determine the eligibility of the patients. The concept is based on the pre screening process in order to determine initial eligbility for and interest in study. Using Foundation as the HTML framework, it was primarily optimized for tablets, but was also optimized for desktop and mobile usage. It utilizes TweenMax animation and the project uses arrays to store containing data for lung flowchart options. Only the lung option works as the other disease site flowcharts were not programmed in class as we only had the class time to do one. There is further potential for developing the other disease sites.

Click to View

X

Rachel's School of Dance

Project Description:

A 2020 remake of the Rachel's School of Dance project that was done in 2016. Foundation was used as the HTML Framework to optimize the site for all devices. It utilizes SVG and TweenMax to animate each instrument that appears when a dance school is selected in the header.

Click to View

X

MAD Movies

Project Description:

A web site that involves movie data. This project was optimized with the Foundation HTML Framework for all devices. It involves the use of JSON to pull data from a server to serve the needs of the user. When opened, it displays the splash page. There are six movies that the user can choose from or the user can search directly for the movie they want in the search bar. Once a movie is clicked on, it takes the user to the page to show the details and actors of that specific movie. If an actor is clicked on, it displays their biography.

Click to View

X

Hearth & Stone Bistro

Project Description:

A restaurant website that was recreated from an old design project for the Design and Conceptual Process class. The project was originally intended to be a design for an app for tablets and smartphones, but was redesigned as a restaurant website with its own branding and color scheme. It uses Foundation and Media Queries to optimize the website for all devices.

Click to View

X

Easy Groceries

Project Description:

A digital grocery store website that is similar to the functionality of MAD Movies. It comes with its own design, color scheme and branding. This project utilizes JSON, handling back end server data. It displays products that are typically found in grocery and convenience stores and the user can pick its quantity and add it to their cart. Once added to cart, the counter at the top right of the header is updated to represent the amount of items in the user's cart. When the cart is clicked on, it allows the user to enter his/her name and then it thanks the user for using the service and displays their order number.

Click to View

X

Binary Electronics

Project Description:

Binary Electronics is a digital e-commerce website that functions similarily to Easy Groceries, but it specializes in selling electronics and home entertainment devices as well as accessories for vehicles. This was done as part of a final Capstone Project. It utlizes jQuery, JSON and Object Oriented PHP and it also handles back end server data.

Click to View

Attributions and Credits

Adobe Photoshop Logo

https://commons.wikimedia.org/wiki/File:Adobe_Photoshop_CC_icon.svg

Created by: Adobe Systems & Teo.raff

Adobe Illustrator Logo:

https://commons.wikimedia.org/wiki/File:Adobe_Illustrator_CC_icon.svg

Created by: Adobe Systems

HTML5 Logo:

https://upload.wikimedia.org/wikipedia/commons/6/61/HTML5_logo_and_wordmark.svg

Created by: W3C

CSS3 Logo:

https://commons.wikimedia.org/wiki/File:CSS3_logo_and_wordmark.svg

Created by: Rudloff

Javascript Logo:

https://www.flickr.com/photos/appleboy/19224697601

Created by: Bo-Yi Wu

Vue.js Logo:

https://commons.wikimedia.org/wiki/File:Vue.js_Logo_2.svg

Created by: Evan You at https://github.com/yyx990803

SVG Logo:

https://commons.wikimedia.org/wiki/File:SVG_Logo.svg

Created by: Harvey Rayner, designer & W3C