Portfolio

A solo exploration into how far you can push a production-grade architecture as a single engineer — built to prove that enterprise concerns like multi-tenancy, RBAC, micro-frontends, and CI/CD aren't just for large teams.

Five independently deployable MFEs (Host Shell, SaaS Inventory, Risk & Compliance, Analytics Dashboard, shared Design System) loaded at runtime via Webpack 5 Module Federation — each with its own CI pipeline.

Full row-level tenant isolation, 5-tier RBAC, per-tenant feature flags, JWT refresh rotation, TOTP MFA, Docker secrets, and Nginx TLS. GitHub Actions pipeline runs type-check → lint → Vitest → Playwright E2E → Docker build → rolling deploy to AWS EC2.

SimTrade is a virtual trading simulator powered by real market data. Learn trading, compete with others, or train your team. No real money required.

Built as a side curiosity project — think of it as a flight simulator for traders. Date masking removes hindsight bias so you can't just Google the outcome. Multi-tenant architecture supports universities, prop firms, and individuals.

🏗️ Architecture: Monorepo (Turborepo), TimescaleDB hypertables, Redis tick window, anti-cheat order execution, date masking via NLP, multi-tenancy (tenantId via JWT), RBAC (4 roles, NestJS guards). Deploy: Web → Vercel, API → Fly.io, CI/CD via GitHub Actions.

Full-stack real-time chat MVP with an AI assistant (ChatterBot, powered by Google Gemini), social features, email-verified accounts, and content moderation. Built with React 18, Node.js, Socket.io, MongoDB, Redis, and BullMQ — deployed across Netlify and Render.

A technical assessment transformed into a production-ready food delivery platform with role-based dashboards for customers and restaurant owners, real-time order tracking, coupon management, and analytics. Built with React 19, TypeScript, Node.js, Express, and Material-UI — deployed as a monorepo on Vercel and Render.

Real-time stock charting application using the Polygon.io API with interactive Recharts visualisations, TanStack Query for caching and background refetching, and a fast responsive dashboard UI. Built with React 19, TypeScript, Vite, and Material-UI — tested end-to-end with Playwright and Vitest.

Full-stack configuration management tool with a visual schema builder supporting 3-level deep nesting, JSON validation, side-by-side diff comparison, and optional Git commit/push workflow. Built with React 18, TypeScript, Material-UI, and an Express.js backend with direct file-system integration.

"IMDb for Products" — a Next.js 15 product discovery platform with fuzzy search (Fuse.js), Supabase authentication, interactive 5-star ratings and reviews, an admin dashboard with bulk CSV upload, and 99% test coverage across 16 Jest/React Testing Library suites.

Token-driven, multi-brand design system built with React, TypeScript, and TailwindCSS. Centralised color, spacing, and typography tokens support light/dark themes and brand variants — shipped with live Storybook-style component documentation and TypeScript-first composable UI primitives.

ML-powered web tool that detects whether code was written by a human or AI — using Python Flask, a scikit-learn RandomForestClassifier, and 12 extracted code characteristics (comment density, indentation, naming patterns). Supports 8 languages with confidence percentage scoring.

WCAG 2.1 AA–compliant loan calculator with interactive sliders for amount (£1k–£20k) and term (1–5 years), dynamic interest rate brackets, and real-time repayment calculations. Full keyboard navigation, ARIA live regions, high-contrast and reduced-motion support — with comprehensive unit tests for components and utilities.