01 //
TWB Catering
Next.jsTypeScriptZustand
Full checkout journey for a live commercial catering platform - cart, order creation, real-time inventory sync, and multi-gateway payments.
E-Commerce
VIEW_LIVE arrow_forward
Hamza Bhutta // AVAILABLE_FOR_FRONTEND_ROLES
FRONTEND ENGINEER.
I build high-performance e-commerce products and interactive web experiences with React, Next.js, and TypeScript.
Production systems. Polished interfaces. Measurable performance.
VIEW_PROJECTS rocket_launch
memory Frontend Software Engineer · 3+ YRS · REACT / NEXT.JS / TYPESCRIPT
SYSTEM_ARCHITECTURE_CAPABILITIES
Value Proposition
01 // CAPABILITY
design_services Pixel-Perfect UI Systems
- > 100% Design Token Compliance
- > Scalable Modular Architecture
02 // CAPABILITY
speed Performance-First SPAs
- > Sub-second LCP Delivery
- > Optimized Bundle Budgets
03 // CAPABILITY
memory AI-Augmented Workflows
- > Native LLM Integration
- > Context-Aware UX Models
04 // CAPABILITY
rocket_launch Design-to-Code Delivery
- > Zero-Friction Deployment Pipelines
- > Automated Visual Regression Testing
SYSTEM_STATUS: ONLINE
CAPACITY: OPTIMAL
// CASE_STUDIES
// Featured Projects
Production e-commerce and internal tooling: checkout architecture, multi-gateway payments, and offline-first data sync.
02 //
Retromersive
HTML5CSS3JavaScript
Animation-heavy marketing site for a screen-sharing collaboration product, blending retro visuals with modern interaction.
Tech / SaaS
VIEW_LIVE arrow_forward
03 //
Ware Malcomb
HTML5CSS3JavaScript
Corporate portfolio site for a major North American architecture and engineering firm serving healthcare, industrial, and commercial sectors.
Architecture / Corporate
VIEW_LIVE arrow_forward
04 //
YOO Interior
HTML5CSS3JavaScript
Portfolio site for a luxury interior design firm with projects at Peninsula Hotel, St. Regis, Louis Vuitton, and Turkish Airlines.
Interior Design / Luxury
VIEW_LIVE arrow_forward
05 //
Septiembre Arquitectura
HTML5CSS3JavaScript
Minimalist portfolio for a Barcelona and Mexico-based architecture studio, with scroll-driven visual storytelling.
Architecture / Portfolio
VIEW_LIVE arrow_forward
// SYSTEM_CAPABILITIES
SYSTEM.CAPABILITIES
Every tool in the stack, suspended and alive. Move through to disturb the field.
Core · Styling · Build Frameworks · State / Data 3D/Motion · Quality
Atom Network // Move to Disturb · Scroll to Zoom
memory Core / Lang
HTML5 CSS3 JavaScript TypeScript JSX / TSX Vue 3
developer_board Frameworks / State
React Next.js Astro Zustand React Query Redux GraphQL REST Supabase WebSockets
brush Styling / FX
Tailwind CSS SCSS Radix UI GSAP Framer Motion Three.js Canvas API
cloud Quality / Tooling
Jest Vitest React Testing Library Cypress Lighthouse Web Vitals Git Vite Vercel ESLint Prettier CI/CD
// CHRONOLOGICAL_RECORD
07 //EXPERIENCE
A chronological record of frontend engineering roles across e-commerce, agency, and product work.
JAN 2026 - PRESENT
Dubai, UAE (Remote)
Frontend Software Engineer
THE WHITE BOUTIQUE
- > Built the end-to-end checkout journey in Next.js and TypeScript - cart state (Zustand), order creation, address/map selection, and real-time Supabase inventory sync - reaching a 95%+ checkout completion rate.
- > Integrated four payment gateways (Stripe, Noon Payments, Apple Pay, Google Pay) behind a unified layer with consistent error handling and transaction logging.
- > Shipped SEO-optimized product pages using SSR and ISR, serving 50,000+ monthly product pages.
Next.js TypeScript Supabase
JUL 2024 - DEC 2025
Remote - US & Intl. clients
Frontend Developer
TOPDOT (US: DOTLOGICS)
- > Developed interactive web-based games with Vanilla JavaScript, Canvas API, and GSAP, alongside pixel-perfect responsive sites for architecture firms, restaurant chains, and SaaS platforms.
- > Built animation-intensive UIs with GSAP scroll animations, parallax effects, and smooth page transitions.
- > Maintained 90%+ Google Lighthouse scores through Web Vitals monitoring - cut delivery time by roughly 30% by adopting AI-assisted development workflows while keeping code-review standards.
JavaScript Canvas API GSAP
APR 2023 - DEC 2023
Lahore, Pakistan
Associate Software Engineer
ABSOLUIT
- > Built a reusable React component library adopted across team projects, shortening development cycles.
- > Worked in agile sprints with Git-based code reviews and Jira, integrating REST and GraphQL APIs.
React REST GraphQL
// LLM_INTEGRATION
AI-Augmented Workflow
AI-assisted development for boilerplate, scaffolding, and structural shells, while keeping the same code-review bar for anything that ships.
$ execute task build_ui_component --ai-assist
> Analyzing context...
> Generating structural shell...
> Applying design tokens...
> Generating structural shell...
> Applying design tokens...
- <div class="container">Old Layout</div>+ <div class="glass-panel flex gap-4 w-full">AI Optimized Structure</div>+ <style_injected>Tailwind Compiled</style_injected> check_circle
Task complete.
~30% Faster Delivery
Delivery Accelerated
Adopted AI-assisted workflows for boilerplate generation and structural scaffolding, cutting delivery time by roughly 30% while keeping code-review standards.
// LOG_FILES
LOG.FILES //
Write-ups on rendering pipelines, checkout architecture, and system design, coming soon.
draft
> No entries logged yet. First write-up in progress.
HOW I WORK
Engineering Standards
Practices I hold consistently across projects, not live telemetry, just what I actually do before something ships.
speed
Lighthouse
Maintained 90%+ Google Lighthouse scores across client projects through systematic Web Vitals monitoring and optimization.
WEB VITALS MONITOREDSYSTEMATIC OPTIMIZATION
0%+
data_object STRICT MODE
Type Coverage
Strict Mode
TypeScript strict mode, no implicit any, on every project.
A11Y
accessibility_new
Accessibility
Target WCAG 2.1 AA
Markup Semantic HTML
Nav Keyboard-navigable
network_check
Core Web Vitals
LCP
Largest Contentful Paint
Checked before ship INP
Interaction to Next Paint
Checked before ship CLS
Cumulative Layout Shift
Checked before ship
Checked as part of every feature, not just measured after the fact
STATUS: AVAILABLE LET'S BUILD
LET'S BUILD
THE FUTURE.
Open to remote frontend roles with ambitious product teams worldwide. Start a conversation below.
terminal Hiring me is easy. Here is exactly how to start.
Start a Conversation
Tell me about the role, product, or frontend challenge.