social-codepen social-dribbble social-github social-linkedin social-twitter
BrowserBrowser
Orion Suite screenshot 1Orion Suite screenshot 1
portfolio spacer

Side Project

Orion Suite

The Orion suite is a collection of tools to help you with front-end development. It includes:-

OrionCSS - a SASS framework which provides you with a solid OOCSS foundation for your project.

OrionJS - a simple collection of reusable functions to help streamline UI development.

OrionBP - a simple Gulp powered front-end boilerplate for projects using OrionCSS and OrionJS.

View on Github
BrowserBrowser
Schooltopia screenshot 1
portfolio spacer
BrowserBrowser
Schooltopia screenshot 2
portfolio spacer
BrowserBrowser
Schooltopia screenshot 3Schooltopia screenshot 3
portfolio spacer
BrowserBrowser
Schooltopia screenshot 4Schooltopia screenshot 4
portfolio spacer
BrowserBrowser
Schooltopia screenshot 5Schooltopia screenshot 5
portfolio spacer

Side Project

Schooltopia

Schooltopia is a website offering web design services to primary schools. Building upon the knowledge and experience I gained at Red HQ, I wanted to create a secondary portfolio website specifically targeting schools.

This means in the future if I have the desire and the freelance capacity to build more school websites, I already have a foundation to build on.

www.schooltopia.co.uk
BrowserBrowser
Tile Puzzle Game screenshot 1
portfolio spacer

Side Project

Tile Puzzle Game

This was a small side project of mine to put into practice what at the time I had recently learned about object-orientated programming in JavaScript. I feel I learn best when doing, so if I learn something substantial I tend to build upon that with a practical exercise.

There’s 4 different variations to tackle. See how quickly you can solve them!

Play Tile Puzzle Game
BrowserBrowser
ReactJS IMDB App screenshot 1
portfolio spacer

Side Project

ReactJS IMDB App

This was a small development exercise to create my first web app using ReactJS. To use, simply enter a movie into the input and submit. Relevant data is then pulled from an IMDB API and displayed on the page.

This was a great introduction to building apps using ReactJS and allowed me to get to grips with the basic principles and syntax of this powerful library.

Use ReactJS IMDB App