Every site runs through the same loop: understand the business, cut the clutter, build the pages, measure what happens, then tighten it.
React, Next.js, JavaScript, TypeScript, HTML, CSS and Bootstrap. Clean components, accessible markup and layouts that hold on every screen.
Wireframes, user flows and hi-fi layouts in Figma. Design systems, spacing and type scales, and interfaces that make the next step obvious.
Three.js, React Three Fiber and WebGL scenes, CSS 3D transforms, GSAP and scroll-driven animation that adds depth without slowing the page down.
Custom themes, Elementor builds and custom plugin development in PHP, from small utilities to full site features.
Express.js and Next.js APIs, Prisma and PostgreSQL, NextAuth, Vitest and Playwright, GitHub Actions CI/CD pipelines that gate deploys on passing tests.
Technical SEO, website optimisation, Google Tag Manager and Ads tracking so a site is found and measured properly.
Cloudways, LiteSpeed and WP Rocket tuning so pages score well on Core Web Vitals and stay stable after launch.
Claude, ChatGPT and AI-assisted workflows for faster builds, content drafts, QA sweeps and code review.
More than 50 live websites built or worked on, international and national, across Australia, the UAE, Saudi Arabia, India and the US. A few live samples are below and each card opens the real site.
Nothing matches that. Try a shorter word or clear the filter.
Side projects built end to end: product thinking, front end, API, database and deployment. Each card opens the live app or the code.
A ClickUp-style workspace for a four-person team: tasks, people, docs, planning, analytics and an assistant that answers from live workspace data. Email sign-in with invite codes, versioned live sync so everyone sees the same board, and a demo mode that runs entirely in the browser.
A recruiting portal with a real candidate pipeline: stages, notes, interviews and stage history stored in Postgres, plus HR module screens for employees, leave, payroll and onboarding. Built with Next.js, Prisma and NextAuth, tested with Vitest and Playwright, and deployed through a GitHub Actions pipeline that gates deploys on passing tests.
A single-page teaching piece on how a browser draws a frame in sixteen milliseconds: budget, layout, paint, composite, text and audio. Live demos include a WebGL fluid, a particle field, variable-font axes, a microphone FFT and a layout-thrash benchmark, with hand, voice and touch scrolling.
A desk assistant in a glass dashboard: the Jarvis orb, chat, Outlook mail and schedule, water reminders, a shared reminders list and a notification centre. The brain is the Claude Code CLI, so it runs on a Claude subscription with no API key, and the model switches between Sonnet, Opus and Haiku from the header.
I studied business before I started building for it. A BA and an MBA came first, and that background shapes how I think about a website: as a tool that has to earn attention and make the next step obvious.
For the last 3.5+ years I have been building and maintaining sites for agencies and their clients, mostly in healthcare, care services and local business. I care about pages that load fast, read clearly and look right on every screen.
Web Application Developer at Brand Vantage - React, Next.js, Express.js, 3D Web, AI-assisted development with Claude
Open source work, experiments and the code behind projects like this one.
Quick thoughts on building, code and career, posted as they happen.
Personal essays on life, patience and figuring things out, one page at a time.
The quickest way to reach me is LinkedIn. Send a short note about the project and I will reply with next steps.
Message on LinkedIn ↗I ask a few questions about the business, look at what exists already, and come back with a clear scope and timeline.
Small Elementor sites and fixes can move in days. Full React or Next.js builds usually take a few weeks depending on content and approvals.
Yes. I work with Cloudways, LiteSpeed and WP Rocket regularly and check speed, caching and tracking before launch.
