Metis Rail
Website built for a local Rail safety and labour supply company. (The code repo for this project is private)
My Projects
Link Share App
A Fullstack app for developers to share their different links. Users can signup, create a profile, upload an image as their avatar and fully manage and preview their developer related links. It also has drag and drop functionality.
Listy todo
A full stack todo app with sign-up, login, auth and drag and drop functionality.
The Munch Hut
The Munch Hut is a seven-page website for a high-quality family restaurant and bar, featuring bookings via Sanity CMS, a comprehensive menu with tabbed categories, and an interactive contact page with a map.
Produck-Feedback
A product feedback application, where users can create and interact with feedback for a project they may be working on.
Dine Restaurant
A two-page high-end restaurant website featuring a booking page with a reservation form that integrates with Sanity CMS for efficient booking management.
Markdown Editor
Fullstack application, where users can sign-in, create, edit & export markdown files.
DentaOracle | Dental Practice Website
A modern, responsive dental practice website designed to showcase a professional dental clinic, its services, patient results, and treatment options. The site features responsive layouts, before-and-after transformations, testimonials, treatment information, pricing, FAQs, and multiple calls to action designed to encourage visitors to get in touch. The project focused on creating a clean, trustworthy user experience while presenting a large amount of information in an accessible and visually engaging way.
Photosnap | Photography Platform
A responsive photography storytelling platform built with Next.js, TypeScript, React, and TailwindCSS. This project focused on improving my TypeScript skills, building reusable and type-safe components, and implementing responsive image art direction using picture, srcSet, and device pixel ratios. I also created reusable button variants with Class Variance Authority and improved the organisation and maintainability of my TypeScript architecture.
Digital Bank Landing Page
A responsive digital banking landing page built with a focus on creating a polished, accessible layout across mobile, tablet, and desktop. The project uses Astro and TailwindCSS, with custom responsive grid utilities and modern CSS techniques to create flexible layouts and handle complex SVG backgrounds. I also explored responsive grid patterns, full-bleed layouts, and semantic HTML elements such as <dialog> for navigation.