Portfolio projects

Practical projects built around real problems, real users and real business needs.

My portfolio is focused on projects that show practical ability: building interfaces, organising data, solving workflow problems, and turning real-life experience into useful digital tools. The goal is simple: demonstrate that I can build clean, useful and reliable solutions as a junior developer or IT professional.

Featured projects

These projects are selected to show a mix of web development, JavaScript logic, business thinking, user interface design and practical problem solving.

Completed
💰
Finance App

Budget Planner App

A weekly finance planner designed to track income, expenses, debt payments and savings goals.

  • Weekly income and expense tracking
  • Debt payment progress
  • Savings goal visibility
  • Conditional status indicators
HTML CSS JavaScript Local Storage
Live Demo View Code
Completed
🏍️
Maintenance App

Motorcycle Maintenance Tracker

A practical tracker for motorcycle service intervals, fuel usage, chain maintenance and registration dates.

  • Oil and filter service tracking
  • Tyre pressure reminders
  • Chain cleaning and adjustment logs
  • Registration and insurance reminders
HTML CSS JavaScript CRUD
Live Demo View Code
Completed
📅
Business Tool

Hospitality Staff Roster Tool

A simple rostering tool based on real hospitality operations, staff availability and shift planning.

  • Staff list and role management
  • Weekly shift planning
  • Availability tracking
  • Estimated labour cost overview
HTML CSS JavaScript Forms
Live Demo View Code
Completed
🍷
Web App

Wine Pairing Web App

A small web app that helps pair dishes with wines based on flavour, style and dining experience.

  • Dish and wine selection
  • Pairing recommendations
  • Simple user-friendly interface
  • Hospitality-focused use case
HTML CSS JavaScript Data Objects
Live Demo View Code
Completed
🎮
JavaScript Canvas Game Loop

Survivor Arena Game

A browser-based survival arena game inspired by auto-attack roguelike mechanics. Features player movement, enemies, collisions, scoring and restart logic.

Live Demo View Code
Completed
🧰
IT Support

IT Support Knowledge Base

A searchable knowledge base for common IT support issues, troubleshooting steps and user-friendly guides.

  • Common support issue categories
  • Searchable troubleshooting articles
  • Clear step-by-step solutions
  • Beginner-friendly technical language
HTML CSS JavaScript Search Filter
Live Demo View Code
Completed
✅
Productivity App

Personal Task Dashboard

A dashboard for tracking study goals, personal projects, habits and weekly progress.

  • Task creation and completion
  • Study roadmap tracking
  • Weekly progress overview
  • Simple dashboard layout
HTML CSS JavaScript Local Storage
Live Demo View Code
Completed
🍽️
Landing Page

Hospitality Event Landing Page

A coded landing page for a restaurant event, designed to promote menus, offers and booking calls to action.

  • Hero section with strong CTA
  • Event details and pricing
  • Responsive layout
  • Booking-focused design
HTML CSS Responsive Design Landing Page
Live Demo View Code

Why these projects?

The project selection is intentional. Each project is connected to a real-world area I understand, while also demonstrating useful technical skills for junior development and IT roles.

01

Real-world context

The projects are based on real problems from finance, hospitality, motorcycles, productivity and IT support. This makes them more credible than generic tutorial projects.

02

Practical technical skills

They demonstrate HTML, CSS, JavaScript, responsive layouts, form handling, data organisation, filtering and local storage.

03

Career positioning

The portfolio connects my previous work experience with my technical direction, showing that I can build useful tools for real users and businesses.

Each project is part of the transition.

My goal is not to fill a portfolio with random apps. My goal is to build practical projects that show problem solving, reliability and a clear path toward junior development and IT roles.

Read About Me Contact Me Download PDF Resume