Commercially built websites and applications
A collection of websites I was involved in building during my various job roles and freelance projects built from scratch.
/websites/acme-dashboard.jpg
NextJs Dashboard
This is a Next.js tutorial/course I recently completed. It is a Dashboard app I built using Tailwind CSS, TypeScript, GraphQl and Heroicons. I made quite a few customisations to the original tutorial and added some extra features like adding new customers and uploading profile images.
I used this as a starting point for building this new portfolio site. You can find the code on my GitHub page from the link above.
Skills
HTML
CSS
TypeScript
NodeJs
React
NPM/PNPM/Yarn
REST/Web API
PostGresSQL
UI/UX Design
Azure DevOps
CI/CD
/websites/maxcontact.jpg
MaxContact
I worked on the rebuild and legacy migration of the UI for bespoke contact centre software using VueJs version 3 and Typescript (Options & Composition API). The backend API was built using C# and .Net. Azure DevOps was used for version control and CI/CD.
I also worked closely with the UI/UX designers converting Figma designs to code and ensuring the software was responsive and accessible. You can see some of my work in the videos section below...
Skills
HTML
CSS
TypeScript
NodeJs
VueJs
NPM/PNPM/Yarn
.Net Core
C#
REST/Web API
UI/UX Design
Azure DevOps
CI/CD
/websites/destinology.jpg
Destinology
I worked on the Front End UI/UX for this luxury holiday company. Built on a .Net MVC framework using HTML5, CSS3, Vanilla Javascript and Angular. Compiled using Gulp and version control using BitBucket.
I also worked on the responsive design and accessibility of the site and worked closely with the design team to ensure the site was visually appealing and user friendly.
Skills
HTML
CSS
JavaScript
NPM/PNPM/Yarn
C#
MVC
Angular
UI/UX Design
BitBucket
/websites/yorkmontessori.jpg
York Montessori
This is a website I built for my brothers montessori nursery school. It uses the Joomla CMS with a bespoke design and back end admin for the client to update their own content
The main requirements for this project was to make the site easy to update and maintain for the client and to ensure it was responsive and accessible.
Skills
HTML
CSS
JavaScript
NPM/PNPM/Yarn
C#
MVC
Angular
UI/UX Design
BitBucket
/websites/alphamachinetools.jpg
Alpha Machine Tools Ltd
A Joomla CMS driven website for an industrial machine tools company. The CMS back end uses a unique category system so the administrator can easily add new products.
Skills
HTML
CSS
JavaScript
PHP
CMS Development
UI/UX Design
/websites/oldhamwar.jpg
Oldham Roll Of Rememberance
A bespoke application built using PHP with a MySql back end. Includes an autocomplete search which queries the database and loads the selected image.
Skills
HTML
CSS
JavaScript
SQL
PHP
CMS Development
UI/UX Design
/websites/shenanigans.jpg
Shenanigans Irish Bar
A Joomla CMS driven website for an Irish Bar in Liverpool. Includes custom built components for an events calendar. I also set up a front end admin system for this so the administrator can easily update content.
This website has since been taken over and a lot of the design elements and content has been retained. I helped with the migration.
Skills
HTML
CSS
JavaScript
SQL
PHP
CMS Development
UI/UX Design
/websites/directroofandbuild.png
Direct Roof and Build Ltd
A roofing company website I built using the Joomla CMS. The client wanted a simple, clean design with a gallery and contact form.
The image gallery is hosted on Flickr and uses their API to pull in the images. The contact form uses a custom built module to send the form data to the client.
Skills
HTML
CSS
JavaScript
REST/Web API
SQL
PHP
CMS Development
UI/UX Design