GitHub-Pages & Heroku Deployments


Tattoo Studio website home page mock-up

My first university milestone project — a static front-end site focused on layout, responsive design, and clean UI structure.

Tech: HTML, CSS, JavaScript (ES6+), Bootstrap
Result: Distinction

Minesweeper game website home page mock-up

My second university milestone project — an interactive browser-based game built with JavaScript, focusing on DOM manipulation, event handling, responsive layout, and accessibility improvements.

Tech: HTML, CSS, JavaScript (ES6+), Bootstrap
Result: Merit

QuickFlicks website home page mock-up

My third university milestone project — a full-stack web app integrating an external API and a database. Built to practise authentication, CRUD, and deployment in a real-world workflow.

Tech: Python, Django, PostgreSQL, HTML, CSS, JavaScript, External API
Result: Pass (narrowly missed a higher grade due to limited user feedback messaging in key flows)

Regulate website home page mock-up

My final university milestone project — a trauma-informed emotional regulation web application. Built as a full-stack Django app with authentication, relational data models, and subscription-based features.

Tech: Python, Django, PostgreSQL, JavaScript, Stripe, Heroku
Focus: accessibility, production readiness, and user-centred UX
Result: Awaiting

Valentines website home page mock-up

A reusable static mini-site template built with HTML/CSS/JS for quick one-off events. Includes a simple “gate” flow, message page, and a mobile-first gallery layout.

Tech: HTML, CSS, JavaScript, Bootstrap
Deployed via GitHub Pages

Click the Box game website home page mock-up

A fast-paced JavaScript mini-game built to practise event handling, timing logic, and interactive UI feedback. Designed as a lightweight project focused on responsiveness and clean UX.

Simon Memory Game home page mock-up

Course walkthrough project used to build confidence with JavaScript fundamentals, DOM interaction, and basic game state.

Love Maths Game home page mock-up

Course walkthrough project focused on JavaScript logic, loops, and user feedback — used as a foundation for later interactive builds.

Boardwalk Games website home page mock-up

Early course walkthrough project focused on HTML/CSS structure, layout fundamentals, and working with pre-built components.