Willam Belli Website
Developed in 2015
I created a website for drag queen and television personality Willam Belli, it was originally created as a responsive HTML, CSS and Javascript website however to hand over to the webmaster managing the website it was asked that I convert it to a wordpress theme. Creating a using the code I originally wrote I divided the layout in to sections so that it was easier to manage in Wordpress and this was live on their website until 2018. They've since transitioned to using an eCommerce template with a different CMS so the template was no longer compatible. A live demo of the layout I created is available to view and the source code is viewable on my bitbucket.
Live Demo
Degree Show Website
Developed in 2016
For the final degree show at the end of my univesity course I created a website to represent all of the students on my course taking part to allow those visiting our show to get in contact with us at a later date. I was given a logo and an SVG logo which I then animated for the background and used scroll listeners in JQuery to control changes of state by the user. This website was made over 3 days, using a combination of HTML, CSS, Javascript and jQuery.
Live Demo
Roll Dice!
Developed in 2021
A dice rolling app to use instead of physical dice for a range of different board games, in multiple languages. A variety of options are available to customise the experience to your preference! These include:
- Using between 1 - 6 dice at a time.
- Dice can be numbered anywhere between 1 - 9.
- 6 different colour schemes are available, including colourful, dark, simple and traditional.
- Dice values can be displayed as traditional dots or numbers.
- Animation can be full, reduced or use no animation.
- There are 3 speed options to control the speed of the animation.
- Sounds of dice rolling are available.
- Haptic feedback as the dice rolls is available on compatible devices.
- Dice can be rolled with tap, a shake or both.
- Total of all dice rolled can be displayed after each roll.
Available on both the App Store and Google Play:
The New Black Coffee App
Developed in 2018
Whilst working for The New Black Coffee I was tasked with creating a way for users at our sites to be able to order their coffee ahead of time. After internal discussions we decided to develop our own simple point of sale system for iOS which ocnnected directly to our bluetooth card readers and that once we had done this we would be able to build a customer ordering app which connects directly to that point of sale system.
I began development on the POS which is built using Apache Cordova and is a native hybrid app. It required devloping a Cordova plugin for use with iZettle (the bluetooth card reader we used). I found one that somebody else had written however it wasn't compatible with the latest version of the iZettle SDK, so spent some time using Objective-C to tweak the plugin. The POS also automatically interfaces with accounting software Xero, and allows for basic stock controls, discounting products and all other basic till functions.
The customer app was a much larger undertaking, it was also developed using Apache Cordova which made it easy to export it for both iOS and Android with only some small tweaks. It is developed using HTML, CSS, Javascript, jQuery, transit.js, Stripe for Payments and a host of other technologies.
The back-end of the applications uses PHP scripts hosted on a server to interface with a MySQL database.
The customer facing apps are available to download for both iOS and Android and has thousands of users and accepted sales of tens of thousands of pounds.
Unfortunately the app will no longer be functional but the Google Play listing can still be viewed.
Harryfo Portfolio Website
Developed in 2019
My inspiration for creating this portfolio website is that I wanted to have a CV and portfolio website that were near identical to give a consistent feeling, even though one was created purely for Web and the other in word processing software
In 2019 when I decided it was time to explore new opportunities I began to recreate my CV (The same design although the information has changed as it currently is) and then that inspried me to update my portfolio website to give it the same look and feel and showcase some of the things I've worked on in the past.
Whilst fairly basic it's effective and only took a weekend, I implemented URL hashing so that I could link to the website with a specific area of my portfolio expanded and scrolled in to view. If you refresh now you should see that scenario.
Men's Clothing Website
Developed in 2014
This website was an experiment with SVGs I made whilst at university. To reduce loading times on a website which was image heavy I wanted to experiment with a responsive SVG design which would reduce loading times by having the browser draw the images. The design expriments with triangles as often shapes used on websites are simply a mix of circles and squares and I wanted to try something new. The website uses Javascript to randomly distribute the images in the triangles every time it is loaded.
Live Demo
Proper Coffee
Developed in 2016
Proper Coffee was my final majoy project at University and was presented at the degree show. Proper Coffee is 2 applications, the consumer application shows the user where their nearest independent coffee retailer is and allows them to order from that shop. The retailer has their own version of the application that allows the retailer to construct their menu and view and change the status of orders placed by the consumers. The concept was to bring the advantages that the bigger coffee chains have to smaller independent coffee shops.
The application is web app powered by Firebase so that it can represent changes live without the need for refreshing, it uses leaflet.js to power create maps and a range of CSS animations to give the feeling of a native application. Full documentation of my development process, a live demo and usage video is available and the source code can been on my bitbucket.
Video
Documentation
Yellow Brick Road Website
Developed in 2015
Yellow brick road is a vintage clothing website with a wizard of Oz theme, it uses CSS animations to change the season in the scene depicted when the user changes page. I made this website for a university project in 2014. With this project I wanted to challenge the perception of what a website should look like and to ensure that full functionality remains even when viewed on mobile.
All design elements were created by myself and the focus on design was important as the content for the website was minimal.
Live Demo
