A collection of personal projects.

• Birthday Calculator
• Block Breaker
• Catch the Monster Game
• Elliott Smith Tribute Page
• Geolocation Weather App
• Hex Colour Generator
• Ionic Contacts Manager
• Issue Tracker
• JavaScript Calculator
• Live Code Editor
• Matrix Terminal
• nickdraketabs.co.uk
• Nth Character Finder
• Pomodoro Timer
• Quotes on Design Generator
• React Map Pins
• React Wikipedia Search
• Rental Rate Converter
• Simple Clock
• This Rabbit Does Not Exist
• UK VAT Calculator

Work out how old you will be in the year entered and what day of the week your birthday is.

Built using:

• HTML
• CSS
• JavaScript

Based on the classic game Breakout.

Inspired by this tutorial.

Built using:

• HTML
• CSS
• JavaScript

Inspired by this tutorial.

Built using:

• HTML
• JavaScript

Find the nth character in a word.

Built using:

• HTML
• CSS
• JavaScript
• Vue.js

A tribute page for the musician Elliott Smith built for freeCodeCamp.

Built using:

• HTML
• CSS
• Bootstrap

Simple weather app built for freeCodeCamp. It displays the local weather for the user based on browser geolocation.

Built using:

• HTML
• CSS
• JavaScript
• jQuery
• AJAX

Randomly generates a hex colour on user input.

Built using:

• HTML
• CSS (using BEM methodology)
• JavaScript

A contacts manager that allows users to create, edit and view contacts.

Built using:

• HTML
• Sass
• Ionic

A small tracker app that allows a user to track issues which are then saved to their browser's local storage.

Inspired by this tutorial.

Built using:

• HTML
• CSS
• JavaScript
• Bootstrap

A simple calculator built for freeCodeCamp.

Built using:

• HTML
• CSS
• JavaScript

An editor that lets you write HTML/CSS/JavaScript and see the results live in browser.

Built using:

• HTML
• CSS
• JavaScript

Inspired by this scene from the movie The Matrix, a simulation of Neo's terminal. To achieve the typewriter effect I used this script.

Built using:

• HTML
• CSS
• JavaScript

Gave the original site a facelift using CSS, replaced much of the original HTML and made it mobile-friendly.

Built using:

• HTML
• CSS
• Bootstrap
• Nunjucks
• Gulp

A pomodoro timer built for freeCodeCamp.

Built using:

• HTML
• CSS
• JavaScript

Generates a random quote about design, built for freeCodeCamp.

Built using:

• HTML
• CSS
• jQuery

A map with selectable location pins.

Built using:

• HTML
• CSS
• React

A Wikipedia search viewer, it returns search results in card format with an image (if available).

Built using:

• HTML
• CSS
• React

Convert between weekly and monthly rental rates.

Built using:

• HTML
• CSS
• JavaScript

A clock that switches between analog and digital.

Built using:

• HTML
• CSS
• Vue.js

Displays a random photo of a rabbit generated by Stable Diffusion.

Built using:

• HTML
• CSS
• JavaScript

A minimal calculator for quickly calculating VAT from an input amount.

Built using:

• HTML
• CSS
• Vue.js