Open to roles · Remote · GMT+7

Dada Khalandar

Senior Frontend Engineer & Team Lead

I build real-time, high-performance web apps for banking, enterprise and SaaS.

View resumeEmail meLinkedInGitHub

Team lead

5+ engineers

16M+ members

-- FPS

01 · Experience

Eight years of production frontend work.

  1. Senior Frontend Engineer & Team Lead

    Kuala Lumpur, Malaysia (remote)

    Current employer. Details kept general for confidentiality.

    • Lead frontend architecture for core web and mobile projects, with modular React, Next.js and strict TypeScript component design.
    • Deliver real-time banking features with WebSocket and SSE pipelines and live state synchronization.
    • Hardened session security with CSP, CORS, JWT, RBAC and payload sanitization.
    • Set up GitHub Actions CI/CD with mandatory Jest unit tests and Playwright E2E suites.
    • Run pull request and code reviews for a team of 5+ developers; set state architecture standards (Zustand, Redux Toolkit).
    • React
    • Next.js
    • TypeScript
    • WebSockets
    • SSE
    • Zustand
    • Redux Toolkit
    • Jest
    • Playwright
    • GitHub Actions
  2. Senior Engineer

    Kuala Lumpur, Malaysia (remote)

    • Built frontend features for a platform serving 16M+ members, using React and Next.js (SSR and SSG) with dynamic bundle optimization.
    • Kept dense real-time transaction tables smooth at 60 FPS by moving heavy parsing and filtering into Web Workers.
    • Reduced drop-off in multi-step digital workflows by 28% with clear state machines, accessible forms and WCAG 2.1 AA practices.
    • Cut client-server integration latency by 38% by co-designing RESTful APIs with backend teams.
    • Wrote Jest and Playwright test gates that run in CI.
    • React
    • Next.js
    • TypeScript
    • Web Workers
    • REST
    • Jest
    • Playwright
  3. Senior Engineer

    Remote

    • Designed an all-in-one 1:N multi-client agency platform with multi-account switching; cut initial JavaScript by 42% (LCP under 1.2s) with route-level code splitting.
    • Built a productivity suite (tasks, Kanban, sprints, notes, cloud files) synchronized in real time with WebSockets, Zustand and TanStack Query.
    • Added offline support with a PWA service worker and IndexedDB, so work survived network drops.
    • Standardized UI components from Figma into Storybook with Tailwind CSS.
    • React
    • Next.js
    • TypeScript
    • WebSockets
    • Zustand
    • TanStack Query
    • Storybook
    • Tailwind CSS
    • PWA
    • IndexedDB
  4. Lead Developer

    Remote

    • Led frontend architecture for the SmartRental e-commerce platform with Next.js (SSR and SSG) and headless CMS pipelines; reached 95+ Lighthouse scores.
    • Guided developers through code reviews and mentoring; shipped rental booking and payment flows.
    • Reduced API wait times by 30% with optimized REST and GraphQL payloads and client-side caching.
    • Cut deployment turnaround by 50% with Docker and automated CI/CD.
    • Next.js
    • TypeScript
    • GraphQL
    • REST
    • Headless CMS
    • Docker
    • CI/CD
  5. Front End Developer

    Remote

    • Turned Figma designs into accessible React, TypeScript and Tailwind components for storefront and landing pages.
    • Built client-side telemetry and Sentry error tracking, cutting incident resolution time by 45%.
    • React
    • TypeScript
    • Tailwind CSS
    • Sentry
    • Figma
  6. Front End Engineer

    Hyderabad, India

    • Built the Twin Model Builder, a node-and-canvas engineering portal for monitoring and configuring 1,000+ connected industrial devices.
    • Kept canvas node graphs and high-frequency telemetry at 60 FPS by profiling memory in Chrome DevTools.
    • Built collaborative data visualization dashboards with React and Storybook.
    • React
    • Canvas
    • WebSockets
    • REST
    • Storybook
    • Chrome DevTools
  7. Web Developer & Full-Stack Engineer

    Remote

    • Delivered 15+ production web apps, developer tools and e-commerce platforms for international clients.
    • Improved organic search visibility by 48% with semantic HTML, schema.org data and server-side rendering.
    • Improved Core Web Vitals by about 40% on average through asset, image and caching work.
    • React
    • TypeScript
    • JavaScript
    • Stripe
    • PayPal
    • schema.org SEO

02 · Live demo

Main thread versus Web Worker.

Instead of only saying I fix browser freezes, watch the difference. It runs a short preview by itself, then you take over.

Same work in both lanes: update every row, sort, draw. Only the thread differs.

Main thread

Page frame rate

--FPS

worst frame --

Web Worker

Page frame rate

--FPS

worst frame --

On the main thread, the sorting and drawing block the page, so the spinner and the frame rate stutter. In a Web Worker the same work runs on another thread, and the page stays smooth. This is the pattern I used for dense real-time tables and canvas graphs.

04 · Products and open source

Things I built and contributed to.

  1. cost.madebyam.id
    Retail inventory & live POS on desktop, scrolling through the page
    Retail inventory & live POS on a phone, scrolling through the page

    01 · SaaS product

    Retail inventory & live POS

    A multi-tenant inventory and point-of-sale platform used for live retail sales in Indonesia. OAuth 2.0 login, role-based access, keyboard-first shortcuts, drag-and-drop catalog.

    Next.js · TypeScript · Supabase · Zustand · Motion

    Visit live site
  2. duetbudget.com
    Duet Budget on desktop, scrolling through the page
    Duet Budget on a phone, scrolling through the page

    02 · SaaS product

    Duet Budget

    A multi-currency budgeting app for couples and partners, with live exchange rates and spending analytics.

    Next.js · TypeScript · Supabase · Node.js

    Visit live site
  3. github.com/syammed2429/news-room
    News Room on desktop, scrolling through the page
    News Room on a phone, scrolling through the page

    03 · Open source

    News Room

    A mobile-first news reader built with React and TypeScript, with accessible, keyboard-friendly cards.

    React · TypeScript · Tailwind CSS

    Visit live site
  4. madebyam.id
    MadeByAM on desktop, scrolling through the page
    MadeByAM on a phone, scrolling through the page

    04 · Side studio

    MadeByAM

    A small web and app studio I run on the side for clients in Indonesia and abroad.

    Next.js · React Native · Supabase

    Visit live site

Open source

  • shadcn/ui

    Component fixes, styling refinements and accessibility improvements.

  • Once UI

    Architecture improvements for reuse and rendering performance.

05 · Skills

What I work with.

  • Frontend

    • React
    • Next.js (App Router, SSR, SSG)
    • TypeScript (strict)
    • Tailwind CSS
    • HTML5 and modern CSS
  • Real-time

    • WebSockets
    • Server-Sent Events
    • Streaming UIs
    • Optimistic updates
  • State and data

    • Zustand
    • Redux Toolkit
    • TanStack Query
    • REST
    • GraphQL
  • Performance

    • Web Workers
    • OffscreenCanvas
    • Chrome DevTools profiling
    • Core Web Vitals
    • Sentry
  • Quality and delivery

    • Jest
    • Vitest
    • Playwright
    • GitHub Actions CI/CD
    • Storybook
    • WCAG 2.1 AA
  • Leadership

    • Code review
    • Mentoring
    • Frontend architecture standards
    • Team of 5+

06 · About

About me.

Portrait of Dada Khalandar

I am a frontend engineer based in Indonesia, working remotely with teams in Malaysia and beyond since 2018. I like interfaces that stay fast when the data gets heavy.

I lead by reviewing code, writing down architecture rules the team can follow, and teaching. Outside work I make videos about web development as CodingWithMrM and run a small studio, MadeByAM.

I work remotely, worldwide, as a contractor (B2B) or through an employer of record such as Deel or Oyster.

CodingWithMrM on YouTube

07 · Contact

Let's talk. 

Hiring for a senior frontend or team lead role? Email is fastest.

kerry.blig12@gmail.com