Portfolio

Projects

Selected work from production teams and personal builds.

Personal builds

Side projects & experiments

Maren preview

Case study

Maren

A fictional premium small-batch coffee roastery website built as an end-to-end brand, UX, and frontend showcase — including narrative home page, coffee catalogue, brew guides, visit information, journal, and contact flow.

  • Next.js
  • React
  • TypeScript
  • Tailwind CSS
  • Framer Motion
Cadence preview

Case study

Cadence

A reflective wellbeing and behavioural-tracking product that unifies mood logging, habits, planning, journaling, life context, and evidence-aware personal insights.

  • Next.js
  • TypeScript
  • React
  • Prisma
  • PostgreSQL
  • Auth.js
  • Tailwind CSS
  • Zod
ParkPulse preview

Case study

ParkPulse

A crowd prediction and visit planning tool for UK theme parks. Combines weather, school holidays, events, and ride data to forecast busyness and generate personalised itineraries for Alton Towers, Thorpe Park, Chessington, and LEGOLAND Windsor.

  • TypeScript
  • React
  • Node.js
  • Express
  • Tailwind CSS
  • DaisyUI
  • Vite
Shopkeeper preview

Shopkeeper

A polished React single-page application built with Vite and tested with Vitest, showcasing client-side architecture, API integration, and responsive UI design.

  • JavaScript
  • React
  • Tailwind CSS
  • Framer Motion
  • REST APIs
  • Vitest
To-do List/Habit Tracker preview

To-do List/Habit Tracker

A React application for managing tasks and building habits, featuring complex state management and structured local storage persistence.

  • JavaScript
  • React
  • Tailwind CSS
  • Framer Motion
  • RadixUI
  • Local Storage
Static Dashboard preview

Static Dashboard

A static dashboard layout built to demonstrate clean visual structure, spacing, and responsive grid techniques using HTML, CSS, and Tailwind.

  • HTML
  • CSS
  • Tailwind CSS