Work

Metsi

A static site built with Gatsby for a cloud computing company, showcasing their services and blogs. A 3D journey was implemented with Three.js to show their application modernisation process. A unique feel was required so many custom components were needed opposed to using component libraries. Gsap was also used to implement some animations to add some flair.

Built with:

React.js

Gatsby

Sass

JavaScript

Gsap

Three JS

Multichoice African Movie Showcase

A project for Multichoice to showcase African movies with filters for their respective countries and awards. Hooked up to Umbraco CMS to retrieve data.

Built with:

React.js

HTML

CSS

JavaScript

Bootstrap

Umbraco

Banking Utility App

A project to create requests for currency exchanges and for the bank to track them and generate pdf reports. Integrated with login systems and localisation, allowing language to be changed.

Built with:

React.js

Typescript

Redux

CSS

Ant Design

Ecommerce Record Store

An ecommerce site built with Next js, integrated with Stripe for payments and using Sanity studio to edit store products.

Built with:

React.js

Next.js

CSS

Sanity

Stripe

Instagram Clone

An instagram-type clone where a user can log in, make posts and like other users' posts integrated with Google authentication and a MongoDB database for user and post storage.

Built with:

React.js

Redux

Express

Node

Mongo DB

Material UI

Dashboard App

Experimenting with typical dashboard elements and creating multiple smaller apps and views within the dashboard. I'm using Syncfusion to assist with graphs, calendar and Kanban board components and styling is done with Tailwind CSS.

Built with:

React.js

Tailwind

Syncfusion

Recipe App

This app uses an api to call a number of recipes determined by the ingredient you input in the search field. It returns the meals including an image, ingredients, calories and a link to the recipe.

Built with:

React.js

CSS

JavaScript

Burger App

This app has the functionality to create your own burger with dynamic prices. You can then order it. Complete with authentication and user profiles. Integrated with a Firebase database to store customers and orders placed.

Built with:

React.js

Redux

Sass

Firebase

Hangman Game

A simple game of hangman, connected to an API for random single-word generation.

Built with:

React.js

CSS3

JavaScript

Employee and Customer Management Web App

Integrated with a MySQL database, this app displays information on employees and customers and have user profiles incorporated, with different users having different rights. A report section shows more secure information on clients, only accessible to admins. Built using HTML, CSS, JavaScript, jQuery, Ajax, PHP and MySQL.

Built with:

HTML

CSS

JavaScript

PHP

MySQL

Ajax

jQuery

Bootstrap

Basic freelance websites built with WordPress or Gatsby.js

Built with:

HTML

CSS

WordPress

Gatsby.js