Performance pulse
Lighthouse · CWVReal-time simulation of the metrics dashboard we monitor. Hover to inspect the deltas that trigger alerts and rollback automation.
- LCP 1.9s
- CLS 0.03
- Bundle 185kb
- PWA score 96
Lead frontend engineer for product-led orgs
Building interactive product experiences that prove performance, resilience, and AI craftsmanship.
I own the full stack of modern frontends—design systems, TypeScript architectures, Cloudflare edge, and AI-assisted UX. My teams at Deriv ship microfrontends that traders trust daily.
6 engineers
led across multi-team product squads
↓ 54%
P95 load time (5.2s → 2.4s)
40% faster
deploys via unified CI/CD
Currently at Deriv
Leading the trading dashboard experience: orchestrating React microfrontends, edge caching, feature flags, and experimentation to support millions of users in 13 languages.
Design systems (Quill)
Core Web Vitals
AI design QA
Cloudflare security
See the architecture →
Interactive demos
Proof, not promises—engineering patterns I use daily.
Design system playground
React patternsTune component tokens to feel how Quill keeps UI consistent across squads. Copy the live config straight into your storybook.
Dashboard architecture snapshot
How we scale Cloudflare, feature flags, and microfrontends without slowing delivery.
Cloudflare edge
WAF, bot rules, image optimisation, KV-backed feature flag bootstrap.
CI/CD orchestration
GitHub Actions + ArgoCD deploying versioned containers every 45 minutes.
Shell app
Next.js router orchestrating React MFEs via Module Federation + design tokens.
Feature flag service
Cloudflare KV, Firebase remote config and Growthbook flags + custom hook for instant rollout / rollback.
Observability
OpenTelemetry spans → Datadog, with Core Web Vitals + UX lab metrics.
Trading core
Real-time price stream, caching, and accessible order panel.
Insights
Personalised analytics powered by AI summarisation widgets.
Compliance desk
KYC, risk controls, and support tooling surfaced contextually.
Read the design decisions
- Edge config keeps 98% of traffic cacheable while honouring personalised data.
- Feature flags gate all experiments; guardrails auto-rollback when KPIs regress.
- Microfrontends share Quill design tokens and QA packs to stay visually consistent.
- Performance SLOs guard P95 < 2.5s on mid-tier Android devices globally.
Leadership in practice
Operational excellence, measurable outcomes, and human-first mentoring.
Execution
Established delivery rituals that keep three squads aligned on outcomes, not output. Weekly metrics reviews and release retros deliver predictability.
- Rebuilt velocity dashboard → 17% more predictable releases.
- Unified CI/CD → 40% faster deployments with automatic verifications.
Coaching
Led 6 frontend engineers through career frameworks, pairing, and architectural reviews that elevated the collective craft.
- Set up guilds for accessibility, testing, and performance.
- Instituted storybook crits to share Quill component innovations.
Impact
Reduced P95 load time from 5.2s to 2.4s on Deriv’s dashboard while supporting a 3x traffic increase during market spikes.
- Bundle budgets enforced in CI with automated diff checks.
- Core Web Vitals guardrails trigger rollback when regression detected.
Experience
Product organizations where I shaped architecture, delivery, and teams.
Lead Frontend Engineer
Deriv · Apr 2019 – Present · Remote-first
Stewarding the Deriv trading dashboard across microfrontends, Quill design system, and Cloudflare edge to keep global traders fast and compliant.
- Directed three React squads to deliver unified dashboard experiences across 13 languages.
- Reduced dashboard P95 load from 5.2s → 2.4s through bundle budgets, edge caching, and performance SLIs.
- Scaled Quill design system with feature-flagged rollouts, automated visual QA, and AI-assisted tooling.
Tech Stack: React, TypeScript, Next.js, Module Federation, Cloudflare, Playwright
Senior Software Engineer
Twisker · 2019 · Dhaka, Bangladesh · SaaS Collaboration
Early-stage collaboration platform where I owned the realtime editing surface and onboarding flows.
- Built optimistic React + GraphQL data flows for conflict-free collaborative editing.
- Instrumented Core Web Vitals and tracing to maintain smooth realtime interactions.
- Partnered with design to codify component tokens that later fed into Quill.
Tech Stack: React, GraphQL, Apollo, WebSockets
Sr. Frontend Engineer
EchoLogyx · Nov 2017 – Feb 2019 · 1 yr 4 mos · Dhaka, Bangladesh · On-site
A UK-headquartered digital optimization agency serving clients in the UK, US, and Australia with CRO, A/B testing, and marketing technology services.
- Built A/B testing components and SPAs for enterprise eCommerce and marketing clients.
- Created high-conversion landing pages and dashboards using React, Redux, and GraphQL.
- Worked closely with analysts and backend teams to implement dynamic experiments and real-time reports.
Tech Stack: React, Redux, HTML/CSS, GraphQL
Frontend Engineer
Shohoz · 2016 – 2017 · Dhaka, Bangladesh
Built ticketing, ride-sharing, and logistics interfaces serving millions of Bangladeshi customers.
- Rebuilt booking funnels with performance budgets that lifted conversion and retention.
- Introduced design system tokens enabling consistent UI across mobile and desktop apps.
- Partnered with ops and data to launch dashboards for fleet and merchant analytics.
Tech Stack: React, Redux, Node.js, Sass
Frontend Engineer
Bashundhara Group (EWMG) · 2015 – 2017 · Dhaka, Bangladesh
Delivered media and messaging platforms supporting national newsrooms and live events.
- Developed modular React interfaces for newsroom production workflows.
- Implemented live video and chat overlays using WebRTC and socket services.
- Introduced component documentation and accessibility checklists across teams.
Tech Stack: React, Redux, WebRTC, Sass
Software Engineer
Technext Ltd. · 2014 – 2015 · Dhaka, Bangladesh
Built ThemeWagon templates and bespoke marketing sites with performance budgets and SEO guardrails.
- Designed reusable UI kits that powered dozens of client themes.
- Championed responsive design reviews and cross-browser QA automation.
- Shipped SEO and analytics instrumentation that improved inbound lead quality.
Tech Stack: HTML5, CSS3, jQuery, Gulp, Bootstrap
AI + frontend workflows
Engineering AI into product surfaces—not just prompting.
Design QA agent
Automated screenshot diffing with GPT-4o reasoning to flag layout drift. Cuts manual QA cycles by 30%.
Prompt-driven test authoring
Use fine-tuned prompts to scaffold Playwright specs from acceptance criteria, then review in PR.
Copilot tuning for DX
Curated Quill snippets and lint rules to keep AI suggestions consistent with our design system.
AI release notes
LLM summarises changelog + telemetry; engineers approve final tone to keep compliance happy.
Articles & highlights
Deep dives into performance, AI systems, and design languages.
Design system
Quill: The building blocks of Deriv’s seamless UX and UI design
How we built Quill to accelerate development, align squads, and ship consistently accessible experiences.
PerformanceHow I made my web app 2× faster
A real-world audit that cut payloads, optimised caching, and rescued our P95.
AI systemsWhy large language models hallucinate
Framework for reasoning about failure modes and mitigation strategies.
More writingExplore my archive
Experimentation, growth loops, AI UX, and engineering leadership insights.
Recent wins
Highlights that blend engineering craft and community.
Deriv AI Hackathon Winner
Built a regulatory assistant that monitors transactions and drafts compliance responses with explainable AI.
Talk: Performance stories at scale
Conference session on how to keep Core Web Vitals green during hypergrowth.
Let’s build something enduring
Partner-ready for global product teams, open to relocation.
Whether you need a lead to stabilise delivery, shape design systems, or embed AI responsibly, I bring the frameworks and empathy to grow teams. Let’s talk about your roadmap.