Portfolio

Selected Work.

Websites, platforms, and campaigns — built from scratch and running in production.

01

MusicPlayground

Booking and rehearsal platform for Malta's music scene

https://musicplayground.org
MusicPlayground screenshot

End-to-end delivery for MusicPlayground, Malta's music ecosystem — a bespoke public website, a companion mobile app, and an internal ops portal that runs the venue: rehearsal-room and booking scheduling, member management, event coordination and a media archive, all from one console. Plus ongoing photography, videography and social media marketing.

Scope

WebsiteBackendSocials

Built with

Next.jsTypeScriptFirebase
Visit Live

Gallery

Customer-facing 'how it works' flow — guides new musicians from sign-up through their first booked rehearsal.
Customer-facing 'how it works' flow — guides new musicians from sign-up through their first booked rehearsal.
Event listings page — surfaces upcoming gigs and showcases hosted at the venue with photography and ticket links.
Event listings page — surfaces upcoming gigs and showcases hosted at the venue with photography and ticket links.
Internal admin dashboard — manage bookings, members, and operations from a single ops console.
Internal admin dashboard — manage bookings, members, and operations from a single ops console.
Archives view — historical sessions and media archive for staff reference.
Archives view — historical sessions and media archive for staff reference.
02

Storex

Malta's all-in-one business management platform

https://storex.com.mt
Storex screenshot

Full-scope digital delivery for Storex — the customer-facing website plus a custom CRM/operations platform that actually runs the business. The CRM tracks storage clients, unit volumes, rates and terms; generates and tracks invoices (currently wired into their existing Wix store over API as a temporary bridge — full migration to an independent system is underway); records payments; manages a built-in Gmail inbox with automated client emails; schedules through Google Calendar; and ships a self-service quote calculator — all on a dual SQLite/PostgreSQL data layer, with ongoing social media management on top.

Scope

WebsiteCRMBackendSocials

Built with

Next.jsFlaskPostgreSQLWix APIGoogle APIs
Visit Live

Gallery

Self-service storage calculator — customers select unit size, duration, and extras. Real-time pricing updates with a visual space comparison tool.
Self-service storage calculator — customers select unit size, duration, and extras. Real-time pricing updates with a visual space comparison tool.
Internal CRM dashboard — centralised client management with quick-access notes, revenue tracking, and occupancy metrics across all warehouse locations.
Internal CRM dashboard — centralised client management with quick-access notes, revenue tracking, and occupancy metrics across all warehouse locations.
Booking and scheduling calendar — drag-and-drop reservation management with colour-coded unit types, payment status indicators, and automated reminders.
Booking and scheduling calendar — drag-and-drop reservation management with colour-coded unit types, payment status indicators, and automated reminders.
Interactive warehouse map — real-time unit availability visualised spatially. Colour-coded occupancy status lets staff manage walk-ins instantly.
Interactive warehouse map — real-time unit availability visualised spatially. Colour-coded occupancy status lets staff manage walk-ins instantly.
Automated quote generation — branded PDF quotes generated from CRM data with itemised pricing, terms, and one-click client approval.
Automated quote generation — branded PDF quotes generated from CRM data with itemised pricing, terms, and one-click client approval.
Contact and inquiry flow — multi-step form with smart field validation, location selector, and instant confirmation with CRM auto-entry.
Contact and inquiry flow — multi-step form with smart field validation, location selector, and instant confirmation with CRM auto-entry.
03

MCMA

Digital ecosystem for the Malta Contemporary Music Academy

https://mcma.mt
MCMA screenshot

A full custom platform for the Malta Contemporary Music Academy and its Summer Academy — a public marketing site, an admin CRM (applications pipeline, ensembles, scheduling, payments, announcements), and dedicated student and tutor portals. Built on Next.js with Supabase auth, Stripe checkout, Resend transactional email, and Google Calendar/Drive integrations.

Scope

WebsiteCRMBackend

Built with

Next.jsSupabaseStripeResendGoogle APIs
Visit Live

Gallery

Scheduling dashboard — week-view calendar showing all lessons, ensemble sessions and coaching blocks, colour-coded by instrument group.
Scheduling dashboard — week-view calendar showing all lessons, ensemble sessions and coaching blocks, colour-coded by instrument group.
Summer Academy landing page — MCMSA 2027 programme overview with application flow and waitlist.
Summer Academy landing page — MCMSA 2027 programme overview with application flow and waitlist.
Summer Band Labs 2026 — programme detail page with structured feature breakdown and join waitlist flow.
Summer Band Labs 2026 — programme detail page with structured feature breakdown and join waitlist flow.
Tutors portal — public tutor directory with partner programme details and referral reward flow.
Tutors portal — public tutor directory with partner programme details and referral reward flow.
Social Carousels admin module — the Carousel Engine embedded inside the MCMA platform for auto-generating on-brand social posts.
Social Carousels admin module — the Carousel Engine embedded inside the MCMA platform for auto-generating on-brand social posts.
04

Imagic.ink

AI-powered creative image platform

https://imagic.ink
Imagic.ink screenshot

Full end-to-end delivery for Imagic.ink — an AI image generation and editing platform. Built the marketing website, the actual desktop application (a Python/PyQt6 photo-pipeline orchestrator that ingests RAW libraries into a managed SQLite catalogue, AI auto-culls with quality scoring and perceptual-hash de-dup, and batch-processes exports via darktable/rawtherapee CLI), plus ongoing social media marketing: brand reels produced through VidMachine and on-brand Instagram carousels auto-generated with the Carousel Engine.

Scope

WebsiteBackendSocials

Built with

Next.jsPythonPyQt6SQLitedarktable CLIVidMachineCarousel Engine
Visit Live

Gallery

AI generation interface — clean, distraction-free canvas where users prompt, iterate, and refine AI-generated images in real time.
AI generation interface — clean, distraction-free canvas where users prompt, iterate, and refine AI-generated images in real time.
Feature breakdown — modular sections showcasing the platform's capabilities: text-to-image, inpainting, upscaling, and style transfer.
Feature breakdown — modular sections showcasing the platform's capabilities: text-to-image, inpainting, upscaling, and style transfer.
Conversion-optimised pricing flow — transparent tier comparison with clear CTAs designed to minimise friction and maximise sign-ups.
Conversion-optimised pricing flow — transparent tier comparison with clear CTAs designed to minimise friction and maximise sign-ups.
05

Qabbad

Malta's marketplace for local service providers

https://qabbad.com
Qabbad screenshot

A Malta-first marketplace to find, quote and book local service providers — one Supabase backend powering both a production Next.js website and a native iOS/Android app built with Expo. Covers service discovery, structured job briefs, matching, quotes, in-app messaging, bookings, calendar hand-off, push notifications, verified reviews and moderation.

Scope

WebsiteBackend

Built with

Next.jsExpoSupabaseTypeScript
Visit Live
06

Aedis

Premium rental & asset management system

https://aedis.rent
Aedis screenshot

A custom rental and asset-management platform for premium inventory — client and asset records, availability tracking, and polished branded proposals generated and shared straight with clients. Built with React 19 and Supabase, it runs in both a local and a cloud-backed mode and is deployed at aedis.rent.

Scope

WebsiteCRMBackend

Built with

ReactViteSupabase
Visit Live
07

III Intel Globe

Real-time global intelligence monitoring platform

https://iii.lewks.world
III Intel Globe screenshot

A full-stack 3D intelligence globe built with CesiumJS and Next.js. Live earthquake feeds, ADS-B aircraft tracking, AIS maritime data, conflict zones, nuclear facilities, webcam networks, and SIGINT news — all rendered on an interactive globe with a military-grade HUD.

Scope

WebsiteBackend

Built with

Next.jsCesiumJSTypeScriptFirebase
Visit Live

Gallery

Live earthquake monitoring — real-time USGS seismic data rendered as magnitude-scaled markers with depth colouring and alert classification.
Live earthquake monitoring — real-time USGS seismic data rendered as magnitude-scaled markers with depth colouring and alert classification.
Active conflict zone mapping — geopolitical tensions visualised with escalation indicators, party overlays, and nuclear risk assessment per theatre.
Active conflict zone mapping — geopolitical tensions visualised with escalation indicators, party overlays, and nuclear risk assessment per theatre.
ADS-B aircraft tracking and AIS maritime vessel feeds — live transponder data from OpenSky and AISStream rendered on the globe surface.
ADS-B aircraft tracking and AIS maritime vessel feeds — live transponder data from OpenSky and AISStream rendered on the globe surface.
DEFCON threat dashboard — composite threat score computed from conflict intensity, seismic activity, alert severity, and nuclear posture signals.
DEFCON threat dashboard — composite threat score computed from conflict intensity, seismic activity, alert severity, and nuclear posture signals.
HUD overlay system — military-grade heads-up display with alert marquees, SIGINT feeds, layer toggles, and real-time diagnostics.
HUD overlay system — military-grade heads-up display with alert marquees, SIGINT feeds, layer toggles, and real-time diagnostics.
08

Toolmasta

Free online tools that just work

https://toolmasta.com

Designed and built Toolmasta — a free browser-based utility suite covering text tools, dev tools, calculators, image & media tools, PDF tools, and converters. No signup, no limits, no data stored. Everything runs 100% client-side for speed and privacy.

Scope

Website

Built with

Next.jsTailwind CSS
Visit Live
09

ChefWorks

Vibe-coded Shopify storefront experiment

https://chefworks.com.mt
ChefWorks screenshot

An experiment in fully vibe-coded e-commerce: the entire storefront for ChefWorks Malta — premium chef apparel and kitchen equipment — was designed and built through AI-assisted development, then deployed on Shopify. Proves that a polished, conversion-optimised Shopify theme can be shipped without writing a single line manually.

Scope

Website

Built with

ShopifyLiquidAI-assisted
Visit Live

Gallery

Customer review showcase — social proof section with star ratings, verified purchase badges, and photo reviews from professional chefs.
Customer review showcase — social proof section with star ratings, verified purchase badges, and photo reviews from professional chefs.
Product detail page — high-res imagery with size guides, fabric specs, and a clean add-to-cart flow optimised for mobile.
Product detail page — high-res imagery with size guides, fabric specs, and a clean add-to-cart flow optimised for mobile.
Collection display — filterable product grid with hover previews, quick-view modals, and category navigation for the full apron range.
Collection display — filterable product grid with hover previews, quick-view modals, and category navigation for the full apron range.
10

ilmaaPure

WordPress-integrated vibe-coded website

https://ilmaapure.com
ilmaaPure screenshot

A custom-built, vibe-coded frontend layered on top of ilmaaPure's existing WordPress backend — clean product presentation focused on hydration and wellness, with ongoing social media marketing. Demonstrates the approach of building a polished custom experience while keeping the client's familiar CMS intact.

Scope

WebsiteSocials

Built with

WordPressCustom FrontendAI-assisted
Visit Live

Gallery

Domestic RO Systems catalogue — product grid with the RO-75 (Best Seller), GX-250 (Smart Compact) and RO-400 (Commercial) units, each with key specs and CTAs.
Domestic RO Systems catalogue — product grid with the RO-75 (Best Seller), GX-250 (Smart Compact) and RO-400 (Commercial) units, each with key specs and CTAs.
Product detail page — RO-500 Direct Flow System hero with specs, capacity stats, multi-stage purification breakdown and quote CTA.
Product detail page — RO-500 Direct Flow System hero with specs, capacity stats, multi-stage purification breakdown and quote CTA.
Technical specifications sheet — production capacity, flow type, filtration stages, ideal applications, certifications and datasheet request.
Technical specifications sheet — production capacity, flow type, filtration stages, ideal applications, certifications and datasheet request.
11

Balfen Group

Malta's concreting specialists — Australian standards, Maltese ground

https://balfen.com
Balfen Group screenshot

Brand and landing site for Balfen Group, a Maltese concreting contractor. A fast, dependency-free single-page site hand-built in HTML, CSS and JavaScript — no frameworks, no bloat — showcasing their pours, standards and services with a bold, no-nonsense aesthetic.

Scope

WebsiteBranding

Built with

HTMLCSSJavaScript
Visit Live

Gallery

About section — the team's Australian roots and Maltese expertise, presented with confidence and directness.
About section — the team's Australian roots and Maltese expertise, presented with confidence and directness.
Work showcase — high-quality pour photography with project specs and surface finish details.
Work showcase — high-quality pour photography with project specs and surface finish details.
12

VidMachine

A multi-agent video production studio

vidmachine
VidMachine studio
Hover to scroll

My agentic video-production system — a LangGraph multi-agent pipeline where a Director agent orchestrates specialised Ingest, Sourcing, Assembly, Export and QA agents to turn raw footage and a brief into finished, brand-styled videos. It stabilises drone/FPV clips with Gyroflow, maps beats with Librosa and cuts to them, transcribes with Whisper, auto-reframes to vertical with YOLOv8 subject tracking, pulls stock and generates voiceover (ElevenLabs) and music (MusicGen), then assembles with MoviePy/FFmpeg. Per-brand pipelines render on-identity edits in countless variations and can export straight to editable CapCut/Jianying drafts via my own cutcli engine — all driven from a live Streamlit studio with human-in-the-loop review.

Scope

BackendBranding

Built with

LangGraphClaudeMoviePy / FFmpegWhisperYOLOv8cutcli
Request a Copy

Gallery

Qabbad — Seller reel. Beat-synced vertical edit produced end-to-end by VidMachine from raw footage + brief.
Qabbad — Client reel. Auto-reframed 9:16 edit with AI voiceover and branded pacing.
Imagic.ink — Before & After reel. Side-by-side transformation reel showing AI editing results vs original RAW files.
Imagic.ink — Manual Editor reel. Feature showcase reel demonstrating the desktop app's manual editing workflow.
Imagic.ink — The Adobe Tax reel. Hook-driven campaign reel targeting photographers frustrated with subscription software.
13

Carousel Engine

Brand-aware social carousels, auto-generated

carousel-engine
Carousel Engine screenshot

A personal agentic system that turns a brand's identity into ready-to-post Instagram and Facebook carousels — 3–12 on-brand slides per set, each with its own headline, layout and styling, generated from brand guidelines and exported as production-ready images and captions. Built as a reusable engine and embedded as an admin module across multiple client projects: MCMA Academy, MusicPlayground, Qabbad and Imagic.ink all run it internally for their social content.

Scope

SocialsBackend

Built with

Next.jsAI / LLMBrand Profiling
Request a Copy

Gallery

MCMA — Applications Now Open. Cover slide auto-generated from the Academy's brand identity.
MCMA — Applications Now Open. Cover slide auto-generated from the Academy's brand identity.
MCMA — Programme overview slide: structured content layout generated from the course catalogue.
MCMA — Programme overview slide: structured content layout generated from the course catalogue.
MCMA — Who it's for slide: audience targeting copy auto-generated from brand brief.
MCMA — Who it's for slide: audience targeting copy auto-generated from brand brief.
MCMA — Ensemble Training cover. Season programme carousel generated from event schedule and brand identity.
MCMA — Ensemble Training cover. Season programme carousel generated from event schedule and brand identity.
MCMA — Ensemble Training 'Together' closing slide with brand photography and CTA.
MCMA — Ensemble Training 'Together' closing slide with brand photography and CTA.
MCMA — Play, Evolve, Inspire. Brand values carousel generated from the Academy's mission statement.
MCMA — Play, Evolve, Inspire. Brand values carousel generated from the Academy's mission statement.
MusicPlayground — Earth Garden: Taxi Vaders. Artist announcement carousel cover for the Earth Garden festival.
MusicPlayground — Earth Garden: Taxi Vaders. Artist announcement carousel cover for the Earth Garden festival.
MusicPlayground — Earth Garden: Taxi Vaders. Event details slide with performance times and stage info.
MusicPlayground — Earth Garden: Taxi Vaders. Event details slide with performance times and stage info.
MusicPlayground — Earth Garden: Krejon. Artist spotlight carousel generated from artist bio and event brief.
MusicPlayground — Earth Garden: Krejon. Artist spotlight carousel generated from artist bio and event brief.
MusicPlayground — Earth Garden: Akshara. Artist announcement carousel with brand photography.
MusicPlayground — Earth Garden: Akshara. Artist announcement carousel with brand photography.
MusicPlayground — Platform Launch carousel cover slide with brand photography and on-identity typography.
MusicPlayground — Platform Launch carousel cover slide with brand photography and on-identity typography.
Imagic.ink — AI Culling carousel. Hook slide showcasing the auto-cull feature from brand guidelines.
Imagic.ink — AI Culling carousel. Hook slide showcasing the auto-cull feature from brand guidelines.
Imagic.ink — Colour Science carousel. Technical feature showcase auto-generated from feature brief.
Imagic.ink — Colour Science carousel. Technical feature showcase auto-generated from feature brief.
Imagic.ink — Proof carousel. Social proof and results showcase generated from user data brief.
Imagic.ink — Proof carousel. Social proof and results showcase generated from user data brief.
Imagic.ink — CTA carousel. Conversion-focused closing post with brand identity and download CTA.
Imagic.ink — CTA carousel. Conversion-focused closing post with brand identity and download CTA.
Imagic.ink — Photographer Pain Index carousel. Hook slide featuring the desktop app UI.
Imagic.ink — Photographer Pain Index carousel. Hook slide featuring the desktop app UI.
Imagic.ink — Process breakdown slide: step-by-step AI culling workflow visualisation.
Imagic.ink — Process breakdown slide: step-by-step AI culling workflow visualisation.
Imagic.ink — Focal point detail slide: zoomed product screenshot with on-brand callouts.
Imagic.ink — Focal point detail slide: zoomed product screenshot with on-brand callouts.