Projects

A selection of commercial projects and personal work showcasing my web development skills

🏛️
FULL STACK — LIVE & DEPLOYED
LIVE FEATURED

Insurance Management System

FULL STACK

A professional full stack insurance application managing clients, policies, claims, and risk scoring. Built architecture-first with a strict layered pattern — React + TypeScript + Tailwind v4 frontend, ASP.NET Core 10 REST API, PostgreSQL via Entity Framework Core, TanStack Router & Query, JWT authentication, DTOs separating API contracts from database entities, and a Controller → Service → Repository structure throughout.

Key Features:

Layered architecture (Controller → Service → Repository)
PostgreSQL + EF Core with migrations
Risk scoring logic in service layer
DTOs separating API contracts from DB entities
TanStack Router & Query frontend
JWT authentication configured from day one
React TypeScript Tailwind v4 ASP.NET Core 10 C# PostgreSQL Entity Framework Core TanStack Router TanStack Query JWT
🏆
FULL STACK — LIVE & DEPLOYED
FEATURED LIVE

Win Stacking

FULL STACK

A complete full stack habit tracker — log daily wins, track streaks, earn medals. Built end-to-end: React + TypeScript frontend, ASP.NET Core API, SQLite database via Entity Framework Core, JWT authentication, Docker containerised, and deployed live on Vercel and Render.

Key Features:

JWT authentication with BCrypt
SQLite + EF Core with migrations
Streak & medal business logic
Docker multi-stage container build
SVG coin stack visualisation
Deployed: Vercel + Render
React TypeScript Tailwind CSS ASP.NET Core C# SQLite Entity Framework JWT Docker
LIVE DEMO AVAILABLE

3D Chair Configurator

FEATURED

A simple 3D configurator app built with Three.js, allowing users to select materials for the frame, fabric, and colors.

Key Features:

  • 3D model rendering with Three.js
  • Material and color selection
  • Interactive camera controls
React Three.js TypeScript
LIVE DEMO AVAILABLE

Interactive Dashboard

FEATURED

A dashboard app with live charts built using Recharts for data visualization.

Key Features:

  • Live data charts with Recharts
  • Responsive design
  • TanStack Router for navigation
React Recharts TypeScript
LIVE DEMO AVAILABLE

Weather App

FEATURED

A weather app that fetches real-time data using a weather API.

Key Features:

  • Real-time weather API integration
  • Location-based forecasts
  • Responsive UI
React API Integration TypeScript
LIVE DEMO AVAILABLE

Rukira Counselling Website

FEATURED

A Tailwind CSS-based website for a local counselling service, featuring responsive design and service information.

Key Features:

  • Responsive Tailwind UI
  • Service listings and contact forms
  • Modern, accessible design
Tailwind CSS HTML Responsive

MineSmart Platform

Mining backfill platform with interactive dashboards, 3D visualizations, and real-time calculations. Developed features for complex UI for volume calculations and pipe pressure monitoring.

Key Contributions:

  • • Interactive dashboard development
  • • 3D mine visualization UI support
  • • Real-time calculation interfaces
  • • React + C# API integration
React TypeScript 3D Viz Dashboards

Financial Platform

Financial platform UI development with focus on responsive design and client requirement implementation.

Key Contributions:

  • • Financial UI component development
  • • Responsive interface implementation
  • • Design spec to code conversion
  • • Client collaboration and feedback
React TypeScript Financial Responsive

Kivells Website

Orchard Core CMS development with responsive layouts and component implementation from design specifications.

Key Contributions:

  • • Orchard Core component development
  • • Responsive layout implementation
  • • CMS-driven content features
  • • Razor/Liquid templating
Orchard Core Razor CMS Responsive

Want to See More?

Check out my GitHub for additional projects and code samples