Work

React.js

Housemac

A dynamic platform that lets users visualize and customize their future homes by exploring architectural designs on plots of land. Built using Blender and Three.js, the interactive 3D environment allows for real-time layout configuration, bridging the gap between architecture and home design. The project delivered a seamless, engaging experience for users to bring their dream homes to life.

Built with:

React.js
Typescript
Material UI
React 3 Fibre
Blender
GraphQl
Java
Spring Boot
Postgres

Avo Auto

A car sales platform seamlessly integrated with bank financing options, enabling users to browse and purchase vehicles with real-time financing calculations. The site streamlines the buying process, offering an intuitive user interface for car selection, financing approval, and payment. Built with a focus on user experience, the platform provides a smooth, end-to-end solution, allowing customers to make informed purchasing decisions while easily managing their financing options.

Built with:

React.js
Typescript
Material UI
GraphQl
Java
Spring Boot
Postgres

Pirelli Stock Tracker

A mobile application built with React Native for Pirelli employees to track tire stock and pricing across different locations. Available on both iOS and Android, the app allows staff to quickly check real-time inventory and prices specific to their branch. Designed for ease of use, it helps improve efficiency in stock management, enabling employees to respond faster to customer needs and optimize inventory workflows.

Built with:

React Native
Typescript
GraphQl
Java
Spring Boot
Postgres

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 Forex 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
Tailwind
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

PHP

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

Websites

Basic freelance websites built with WordPress or Gatsby.js

Built with:

HTML
CSS
WordPress
Next.js