Web Developer

Frontend Engineer

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
/**
 *
 *
 *
 *
 */

Hey!
My name is Jethro
and I have a passion for
the web!


function letsDo(){
    // something amazing
}

Skills

My
Work

TwoCan English

I decided to build my own online school scratch after being unable to find a suitable learning management system that had the features I needed. TwoCan English connects language students from around the world with qualified tutors. It is built with PHP on the server interacting with a MySQL database. On the frontend Bootstrap 4, jQuery and moment.js handle an intuitive UI/UX experience. The website is used daily to manage teachers, bookings, schedules across multiple timezones, emails, payments, curriculum and a custom blog.

Technologies used
Bower Bootstrap 4 Websockets Moment.js jQuery JavaScript Stripe SCSS CSS3 HTML5 Mailgun API MySQL FullCalendar Mustach jstz

Admin Panel

The responsive admin panel is updated automatically via AJAX with the latest bookings, payments and lessons to keep on top of tasks. It allows admins to update student and teacher profiles. It also allows them to assign, curate, preview and write curriculum with a custom course content creator. In addition, admins can create blog posts, view student statistics and and export class logs to CSV.

Technologies used
Mailgun API CSS3 AJAX JSON jQuery Nesbot/Carbon JavaScript MySQL MySQL Bower Mustach

Virtual Classroom

I wanted to provide students with the best learning experience possible so I designed our online classroom from the bottom up. Powered through Websockets via the Pusher API, the online classroom allows teachers and students to run through the curriculum at the same time, communicate through a live chat box and automatically keep track of progress.

Technologies used
Flexbox HTML5 Websockets Pusher Bootstrap 4 SCSS JavaScript jQuery Bower Mustach Animate.css

Pomodoro Timer

Having trouble balancing play and work? Use my Pomodoro timer! It allows you to set a fixed amount of time to work and a fixed amount of time to play (or rest). You can set each duration individually and visualize how long you have left before the timer pings! This project helped me to sharpen my JavaScript skills and I use it regularly to make sure I split up my time effectively.

Technologies used
WebAudio Moment.js Animate.css JavaScript jQuery Flexbox SCSS HTML5

JavaScript Calculator

Yes! Another JavaScript calculator... I learned about separating my view, model and controller as well as keeping track of data in the model. Through the power of SCSS I have tried to make my calculator look like you could pick it up with your hands and start pushing the buttons.

Technologies used
JavaScript jQuery Flexbox SCSS HTML5

Weather App

What is the weather where you are right now? This widget uses the Geolocation Web API to show your location, the current weather and an associated image. You also have the option to toggle between Fahrenheit and Celsius. I made use of the Object Literal pattern as well as DOM caching.

Technologies used
JavaScript jQuery Flexbox SCSS HTML5 Geoloctaion

Darth Simons Game

What level did you make it to? I use set interval to play a repeating pattern and make extensive use of Flexbox and SCSS to style the app. My JavaScript logic is structured using the object literal pattern and is separated into view, model and controller to keep flexibility between data and presentation.

Technologies used
Flexbox WebAudio SCSS CSS3 HTML5 JavaScript

What
I can do for you

Rock Solid Code

I'm a developer first and foremost, so I know how to create your website to run across devices using the latest technologies available.

Pixel Perfect Design

I like to keep it simple. My goals are to focus on typography, content and conveying the message that you want to send.

I can
help!

Résumé

I'm currently available for freelance work.

If you have a project that you want to get started with, think you need help with something or just fancy saying hey, then get in touch.