About me
I like to build things.
Projects
I have built a diverse range of projects that showcase my skills and experience.
Javascript Methods
Interact with JavaScript methods to understand how they work.
javascript
css
html
How to ...
Learn how to code with JavaScript using interactive code snippets.
javascript
css
html
Find country data
React project using the
countries.dev API to find country data such as ISO codes,
flags, currencies, languages, calling codes and capitals.
react
javascript
css
html
Lottery Number Generator
Based on the UK lottery. Generate random lottery numbers for Lotto,
EuroMillions, PowerBall, Set for Life, ThunderBall, Lotto Hotpicks
and Euromillions Hotpicks .
javascript
css
html
Memory Game
Game to match colours. Click on two boxes to reveal their colour. If
the colours match, the boxes remain flipped, if not, the boxes are
flipped back.
javascript
css
html
Noughts and Crosses
Game played on 3 by 3 grid. Players alternate placing Xs and Os on
the board until either player has three in a row, horizontally,
vertically, or diagonally or until all squares on the grid are
filled.
javascript
css
html
Temperature Converter
Convert between Celcius, Fahrenheit, Kelvin, Rankine, Réaumur,
Delisle, Rømer and Newton temperature scales.
javascript
css
html
Matrix Rain
Matrix rain effect using different unicode characters.
javascript
css
html
Selection of more projects
More Projects
3D rotating cube
3D rotating cube with interactive speed and direction.
javascript
css
html
3D interactive cube
3D cube with interactive control of its position.
javascript
css
html
3D rolling dice
3D rolling dice using GSAP - JavaScript animation library
javascript
gsap
css
html
More Projects ++
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Nulla
culpa recusandae itaque.
javascript
css
html
Code base used for projects
Code base
box selection
Select a numbered box and return its number. If any box is
selected or none return a boolean.
javascript
css
html
radio buttons - styled
Select a radio button and return its value. Default will always be
red.
javascript
css
html
sliding menu
Select the hamburger icon to reveal the sliding menu. Options are
presented as a list. Select the X icon to close the sliding menu.
javascript
css
html
sliding menu with accordion
Select the hamburger icon to reveal the sliding menu. Options are
presented as an accordion. Select the X icon to close the sliding
menu.
javascript
css
html
responsive copyright notice
Copyright notice will appear at bottom of page whether there is
content on that page or not. The copyright notice will not float.
javascript
css
html
code-base ++
Lorem ipsum dolor sit amet consectetur adipisicing elit. Nostrum,
ullam tempora!
javascript
css
html
Contact me
