My career started as a hobby over a decade ago and developed into a profession back at the beginning of 2019.
If you have anything you would like to ask me please use the button in the bottom left corner of the screen to get in touch.
In layman's terms that basically means that it is a coding language which is used by multiple machines and provides all the functionality you would expect from a programming language.
To put it as simply as possible: pretty much everything.
CSS (Cascading Style Sheets) is a type of style sheet language.
It was created to enable developers to alter the way markup languages (such as HTML) are displayed on devices such as computers.
As mentioned above, it is used for altering the appearance of markup languages.
Without CSS web pages and web apps would simply be boring black and white text documents which are displayed on your screen.
Since its invention CSS has been enhanced to enable developers to use it as a solution for a multitude of problems including animations and responsive design.
To learn more about CSS you can checkout the following resources:
SCSS is what is known as a preprocessor for CSS.
This basically means that SCSS is somewhat like an addon for the CSS language and provides a number of additional features.
As with CSS, SCSS is used to add styling to web pages.
The difference between CSS and SCSS is that CSS can be directly read by your browser whereas SCSS needs to first be compiled into CSS.
In the most basic of explanations, SCSS is used to create more advanced CSS files.
To learn more about SCSS you can checkout the following resources:
HTML5 is the fifth iteration of the HTML markup language.
It can be seen as the blueprint to any website/webapp.
The purpose of HTML5 is to structure and then present data on the world wide web (internet).
It provides web browsers with all the data which is to be displayed on your browsing device and gives some basic instruction as to the importance/hierarchy of data being presented.
While HTML is a text based markup language, the invent of HTML5 and the modern web has lead to its ability to handle all kinds of media from images to videos.
To learn more about HTML you can checkout the following resources:
As mentioned above, PHP is used on the server. It can be used to dynamically render HTML webpages, handle user authentication and pretty much anything else you'd expect of a programming language.
It is used almost religiously for larger dynamic websites and is what powers the world's leading content management system: WordPress.
To learn more about PHP you can checkout the following resources:
Generally speaking it used to execute tasks on a server. These tasks could be anything from getting an image to serve to a user, to writing a new user's login credentials to a database.
To learn more about NodeJS you can checkout the following resources:
React's biggest use case is for creating highly performant user interfaces.
It treats every HTML element as a component and improves a website/app's performance by only re-rendering components which have changed their state since loading.
To learn more about ReactJS you can checkout the following resources:
Shopify is an online platform which targets people who wish to sell their products online.
It allows its users to setup web shops with relative ease and zero coding knowledge.
It uses its own templating language called Liquid which is something like a cross between HTML and common scripting languages.
That said, liquid is built in a way which is intentionally limited in comparison to common scripting languages.
Shopify's main use is to provide retailers with an easy to use and manage interface for their online store front.
It also provides a POS system which allows its users to manage their in person sales with their Shopify store.
To learn more about Shopify you can checkout the following resources:
WordPress is the world's leading content management system (CMS). It is fully open source and is used by million of people all over the world.
While WordPress began life as a blogging platform it has evolved to allow its users to create absolutely anything with their CMS.
The theme and plugin system of WordPress allows users to turn their simple website into a full blown e-commerce solution without any coding knowledge.
To learn more about Shopify you can checkout the following resources:
Have a browse of some projects which I worked on recently
Bye Bye Gluten are a startup company who manufacture and sell gluten free, gourmet confectionary.
At the time of contacting me Bye Bye Gluten had only three days until their online storefront was scheduled to be opened.
They requested a simple shopify integration which mirrored that of their sister company Vegan Allsorts and provided the theme which they wished to use.
The client also outlined some stylistic changes which they wished to implement on their website.
The website was delivered ahead of schedule and to the client's requirements.
The resulting product utilised multiple shopify plugins and some minor theme customisations.
Popcorn Passion are a small startup company who manufacture and sell gourmet vegan popcorn via their online store
The client requested that their online store is hosted on the Shopify platform. They also requested that their store be up and running within a week.
They also had specific requests regarding the design and data structure of their website/database.
In addition to integration of multiple plugins which were requested by the client I made multiple customisations to their provided template.
I also made multiple customisations to the plugins which the client requested and created new sections for their theme.
An new branch of an international chain of restaurants with a limited time frame.
The client requested a full stack website which enabled customers to email them and book a table to dine at their restaurant. They also requested a method of displaying information about various spices which are used within Indian cooking.
They had a strict time frame and design criteria but did not request any specific CMS or platform.
The delivered project uses no frameworks or libraries.
Resinfusion are a small startup who specialise in providing bespoke flooring solutions.
They requested a simple single paged web app which followed their specific design criteria.
They also requested a system by which they could update their website without hiring a web developer.
Other features they requested were a simple contact form, a grid/tab section which displayed a text snippet they provided and a gallery.
In order to deliver the project I opted for a simple web app which utilised the Gatsby framework and ReactJS library.
In order to provide the ability to alter details of the delivered web app I integrated the StrapiJS headless CMS.
To complete their tab/grid I created multiple styled React components and integrated the React Image Gallery NPM package for the gallery.
A reputable car mechanic in the local area who were attempting to develop an online presence.
Create a simple single paged web app which provided information about the services provided and an option top book appointments via a simple form.
I opted to use the EJS template engine with webpack bundling and SCSS to handle the frontend of the website and ExpressJS on the backend.
This was a personal project which I actively maintain. It started out as a simple tool which I made to use with my own projects. However, I decided to make the library open source in case anyone else finds it useful.
The library simple exposes a number of functions which shorten some DOM queries.
In my opinion the most useful function in the library is
It allows the user to create a HTML DOM node and set certain attributes, as well as the text content, with an argument.