Indra is available for hire
Hire IndraIndra Lukmana
Verified Expert in Engineering
Full-stack Developer
Jakarta, Indonesia
Toptal member since July 22, 2026
Bio
Indra is a full-stack product engineer with 10+ years building for web and mobile, specializing in React, Next.js, TypeScript, and front-end architecture. He's shipped 15+ production web solutions and led front-end architecture for a platform serving 50,000+ institutions. He works from product scoping through production monitoring, including NestJS APIs, payment and subscription flows, AI/LLM augmentation, local LLM, and React Native apps released on the Android Play Store and the iOS App Store.
Portfolio
Freelance
Stripe, Chargebee, Paddle, REST APIs, GraphQL, OpenAPI, TypeScript, PostHog...
IMP Studio
TypeScript, Husky, Prettier, Storybook, React Testing Library, Cypress, Docker...
The API Practice
Next.js, Storybook, WebSockets, Tailwind CSS, Paddle, Chargebee, React...
Experience
- JavaScript - 10 years
- Full-stack Development - 10 years
- REST APIs - 8 years
- TypeScript - 7 years
- Next.js - 7 years
- React - 7 years
- React Native - 5 years
- Tailwind CSS - 5 years
Preferred Environment
React, React Native, Next.js, PostgreSQL, Full-stack Development, Front-end Development, TypeScript, Node.js, Testing, CI/CD Pipelines
The most amazing...
...work I've done includes 15+ production web solutions and a nationwide platform serving 50,000+ institutions through multi-tier approvals.
Work Experience
Independent Software Consultant
2015 - PRESENT
Freelance
- Shipped 15+ production web solutions across eCommerce, SaaS, education, inventory, pharmaceutical operations, chat, and AI from discovery through monitoring.
- Built full-stack TypeScript products with React and Next.js frontends, Node.js and NestJS APIs, PostgreSQL database, and Docker-based delivery.
- Scoped requirements with remote clients and carried features through implementation, testing, UAT, deployment, and production monitoring.
- Built AI support handling of more than 2000 conversations a month, with context-aware AI responses and escalation to live agents.
- Engineered multi-step agent workflows with function calling, retry logic, review stages, structured output, and human approval.
- Integrated Stripe, Xendit, Chargebee, and Paddle for checkout, subscriptions, payment retries, webhook reconciliation, VAT, and localized tax logic.
- Authored OpenAPI specifications, configured Swagger UI, validated contracts in CI, and generated typed TypeScript client SDKs to reduce integration defects.
- Implemented Redis caching for high-traffic APIs, WebSocket session management, and BullMQ queues for email, reporting, and image-processing jobs.
- Set up PostHog event tracking, funnels, session replays, and feature-flagged A/B tests across checkout, onboarding, and pricing flows.
- Built internal AI assistants for document processing, template generation, and RAG-style policy Q&A using local models when data had to remain private.
Technologies: Stripe, Chargebee, Paddle, REST APIs, GraphQL, OpenAPI, TypeScript, PostHog, Redis, WebSockets, BullMQ, Docker, Prettier, ESLint, CI/CD Pipelines, React Testing Library, Cypress, Playwright, Sentry, Client-side Rendering (CSR), Server-side Rendering (SSR), Tailwind CSS, Full-stack Development, NPM, Monorepos, Node.js, Next.js, JavaScript, MongoDB, Amazon Web Services (AWS), Python, Web Development, HTML, Architecture, Full-stack, FastAPI, Front-end, UX Design, Software Design, Clerk, Convex, Cursor AI, Expo, Vercel, Supabase, Authentication, eCommerce, Security, Product Design, Web App UX, UI Design, Back-end, API Integration, Onboarding, Payment APIs, HTML5, Payments, Agentic AI, AI Agents, Claude, Model Context Protocol (MCP), OpenAI, Artificial Intelligence (AI), AI Integration, LLM Integration, Vanilla JS, Firebase, Express.js, Code Review, System Design, Leadership, Agentic Coding, Systems Design, Content Management Systems (CMS), iOS, Mobile Development, APIs, Cross-platform App Development, Ruby on Rails 7, Kajabi, Automation, Email Automation, System Architecture, Webhooks, Zapier, Zoom, Angular, Claude Code, Figma, Keycloak, Google Cloud Platform (GCP), Google Maps API, Integration, 2D Image Processing, Adobe, Image Processing, Adobe CC, Mobile App Development, Mobile Apps, WordPress, PHP, Custom WordPress, Geolocation, Web Design, Marketplaces, Lovable, Webex, SDKs, Product Lifecycle Management (PLM), Analytics, Telemetry, Financial Services, Fintech, Telegram Messenger API, QR Codes, Stripe API, Shadcn, Vite, GitHub, Web App Development, AI-assisted Development, AI-generated Code, Design Systems, Microfrontends, Agentic AI Systems, Large Language Models (LLMs)
Lead Front-end Engineer
2022 - 2024
IMP Studio
- Led front-end architecture for a nationwide education assessment platform used by 50,000+ institutions with multi-tier approvals and year-over-year reporting.
- Built a Storybook library of 40+ components used across multiple products, cutting typical UI delivery from 2-3 weeks to about 1 week.
- Configured Sentry release tracking and alerts, cutting time-to-detect production bugs from days to minutes.
- Shipped client-side image compression that reduced 5-10MB uploads to 1-2MB without visible quality loss.
- Managed and mentored 5 engineers on Git, reviews, documentation, and API design through regular feedback and growth planning.
- Established Docker-based CI/CD pipelines that made deployments repeatable and accessible across the engineering team.
- Created reusable front-end project templates and workflows that standardized delivery across multiple products.
- Enforced code quality through Git branching, pull-request checklists, Husky hooks, ESLint, Prettier, and TypeScript standards.
- Configured Swagger UI for NestJS services so front-end and back-end engineers could collaborate, explore endpoints, test requests, and inspect response contracts.
- Implemented component, integration, and browser testing with React Testing Library, Cypress, and Storybook across the product suite.
Technologies: TypeScript, Husky, Prettier, Storybook, React Testing Library, Cypress, Docker, Sentry, React, Next.js, Chakra UI, Chart.js, Tableau API, REST APIs, OpenAPI, ESLint, CI/CD Pipelines, NestJS, PostgreSQL, SQLite, Tailwind CSS, Front-end Development, User Experience (UX), User Interface (UI), Dashboards, NPM, Monorepos, Turborepo, Microservices, Compliance, JavaScript, Web Development, HTML, Full-stack, UX Design, Front-end, Front-end Architecture, Artificial Intelligence (AI), Full-stack Development, Node.js, API Integration, AI Integration, LLM Integration, Vanilla JS, Express.js, Vercel, Code Review, System Design, Technical Leadership, Leadership, Systems Design, Content Management Systems (CMS), APIs, Automation, Email Automation, System Architecture, Webhooks, Integration, 2D Image Processing, Server-side Rendering (SSR), Web App UX, Web Design, SDKs, Product Lifecycle Management (PLM), Analytics, Telemetry, Shadcn, Vite, GitHub, Web App Development, Design Systems, Microfrontends
Lead Front-end Engineer
2020 - 2021
The API Practice
- Led the front end for FlowStep, a collaborative JSON Schema and OpenAPI documentation design platform.
- Shipped WebSocket sync for real-time multi-user JSON Schema document editing.
- Fixed styled-components, Tailwind, and barrel-import memory leaks, recovering more than 80% of development velocity.
- Built and documented 30+ React components in Storybook as the living design system reference for planning and handoff.
- Integrated subscriptions system with multi-jurisdiction VAT, tax, and webhook workflows.
- Optimized Next.js SSR so initial loads are more responsive and SEO-sensitive marketing pages ranked properly.
- Managed 2 front-end engineers through code reviews, planning, and baseline practices for code quality and delivery.
- Built complex drag-and-drop schema editing workflows for nested objects, arrays, and API models.
- Collaborated with back-end engineers to refine REST API contracts, JSON Schema behavior, and integration documentation.
- Implemented optimistic updates for collaborative editing so complex interactions remained responsive under network latency.
Technologies: Next.js, Storybook, WebSockets, Tailwind CSS, Paddle, Chargebee, React, React Query, React Hook Form, React Testing Library, Tailwind UI, Front-end Development, User Experience (UX), User Interface (UI), Dashboards, JavaScript, UX Design, Front-end, Front-end Architecture, Full-stack Development, Full-stack, Node.js, API Integration, Vanilla JS, Express.js, Multi-tenant Architecture, Vercel, Code Review, System Design, Technical Leadership, Sentry, Leadership, Systems Design, Content Management Systems (CMS), APIs, System Architecture, Integration, NPM, Server-side Rendering (SSR), Web App UX, Web Design, SDKs, Product Lifecycle Management (PLM), Analytics, Telemetry, Payments, Financial Services, Fintech, QR Codes, GitHub, Web App Development, Design Systems
React Native Engineer (Part-Time)
2020 - 2020
Homitag
- Owned the React Native marketplace front-end development.
- Shipped product browsing, cart, and checkout flows with REST API integrations.
- Reduced crashes by more than 60% by modernizing the application and its dependencies.
- Raised development velocity by about 30% through the dependency and component upgrade path.
- Refactored legacy class components and deprecated lifecycle methods into functional components with React Hooks.
- Upgraded outdated and unsupported packages to improve application stability and reduce warnings. Improving log readability and development experiences.
- Adapted existing features and delivered new ones as marketplace requirements changed.
- Managed code signing and submitted production releases to Google Play and the App Store.
- Monitored production releases and handled post-release stability work across Android and iOS.
- Maintained complex marketplace state and asynchronous flows with Redux and Redux-Saga.
Technologies: React Native, JavaScript, Redux, Redux-Saga, React Hooks, Android, iOS, Google Play Store, App Store, Jest, Axios, REST APIs, API Integration, eCommerce, Front-end, Mobile Development, Node.js, Vanilla JS, eCommerce CMS, Systems Design, APIs, Cross-platform App Development, System Architecture, Integration, Mobile App Development, Mobile Apps, NPM, SDKs, GitHub
Senior Front-end Engineer
2019 - 2020
Logique Digital
- Led Dokodemo-Kerja React Native development. Remote employee tracking system for Android and iOS.
- Researched production geolocation approaches to optimize battery use across Android and iOS devices.
- Owned Google Play and App Store release cycles for the React Native application.
- Implemented mock-location detection to reduce geolocation spoofing in attendance workflows.
- Built a Next.js archive for scientific papers with search and filtering across large document collections.
- Built a Next.js progressive web app for an online store with context-based state and SASS for UI styling.
- Implemented Firebase push notifications, service-worker caching, offline support, and background synchronization for product works.
- Modernized a legacy Electron application, replacing deprecated APIs and raising feature velocity by 40%.
- Shipped KlikHoreca eCommerce interfaces with SSR, payments, loyalty, and OAuth login on Next.js.
- Built the front end of an eCommerce store using Next.js for a headless WordPress CMS.
Technologies: React Native, Next.js, React, Android, iOS, Google Play Store, Apple, Electron, ECMAScript (ES6), WordPress, React Query, REST APIs, SCSS, CSS, Redux, Mobile App Development, Mobile Apps, JavaScript, Server-side Rendering (SSR), Client-side Rendering (CSR), App Store, API Integration, SQLite, CSS-in-JS, Mobile Development, Geolocation, React Redux, TypeScript, React Hooks, Full-stack Development, Full-stack, Node.js, Vanilla JS, System Design, eCommerce CMS, Maps, Systems Design, Content Management Systems (CMS), APIs, Cross-platform App Development, System Architecture, Google Maps API, Integration, 2D Image Processing, NPM, PHP, Custom WordPress, Web App UX, Web Design, Marketplaces, SDKs, Analytics, Telemetry, Payments, GitHub, Web App Development
WordPress Engineer Intern
2018 - 2018
Automattic
- Remediated WordPress plugin and theme vulnerabilities against OWASP Top 10 risks.
- Patched SQL injection vulnerabilities to protect client data and database integrity.
- Fixed cross-site scripting and request-forgery issues in WordPress plugins and themes.
- Authored and reviewed pull requests for features, performance improvements, and bug fixes.
- Applied Automattic code-review standards while maintaining PHP, JavaScript, and jQuery code.
- Investigated server and application failures through Grafana logs and dashboards.
- Shipped fixes from log investigations that improved performance and uptime for client sites.
- Provided technical support to clients working through complex WordPress and CMS issues.
- Collaborated with client development teams to strengthen security and engineering practices.
- Maintained WordPress plugin, theme, and headless CMS code across enterprise client sites.
Technologies: WordPress, Grafana, WordPress LMS, HTML, PHP, WordPress Plugins, JavaScript, jQuery, Security, Web Security, OWASP, OWASP Top 10, SQL Injection Protection, Cross-site Scripting, CSRF Protection, Git, Code Review, Debugging, Front-end, Web Development, Vanilla JS, Content Management Systems (CMS), Custom WordPress
Lecturer
2012 - 2015
Universitas Pesantren Tinggi Darul Ulum
- Taught Introduction to Software Development to university students.
- Taught Mobile Software Development with Android-focused coursework.
- Taught programming fundamentals using PHP and Scratch-based exercises.
- Taught how information technology aligns with organizational goals.
- Researched e-learning technologies for use in university instruction.
- Applied gamification principles in Moodle to improve student engagement.
- Supported Moodle and learning-management workflows used by the university.
- Revamped university administration email by adopting Gmail for Education.
- Integrated Gmail for Education with the internal employment system for account administration.
- Supported campus IT systems and data-modeling work alongside teaching responsibilities.
Technologies: PHP, Android, Scratch 2, Data Modeling, WordPress LMS, Moodle, Gamification, Education Technology (Edtech), Education, Higher Education, University Teaching, Software Development, Agile, Mobile Development, Programming, Learning Management Systems (LMS), Google Workspace, IT Strategy, Kajabi
Experience
Nationwide Institutional Self-evaluation Platform
I led front-end architecture for a nationwide institutional self-evaluation platform used by over 50,000 institutions, with evaluators at district, province, and central levels. The system supports six-tier approval workflows, dynamic questionnaires, activity planning from assessment results, and year-over-year reporting with Chart.js. I owned the React and Next.js front end: hierarchical roles from staff through central admins, multi-step approvals, document upload and validation as evidence, and tight API integration. I set up Sentry for error tracking and performance monitoring on the national rollout.
FlowStep SaaS Platform
I led the front-end work for FlowStep, a SaaS platform that enables cross-functional teams to collaboratively design REST APIs. I built WebSocket-backed collaboration, a Model Builder for properties, parameters, objects, arrays, and JSON Schemas, and flows that generate OpenAPI specs, JSON samples, and API docs with Swagger UI. I shipped Storybook docs for the component library and heavy optimistic updates so the app felt native despite latency.
SimplyVest
https://simplyvest.xyzI built SimplyVest end-to-end, a live tokenized equity vesting product at simplyvest.xyz for issuing, managing, and claiming vesting schedules on Solana. Users get a Web2-first experience (email or Google via Privy, no crypto wallet required) backed by an Anchor on-chain program with PDA-custodied vaults for linear, cliff, and milestone schedules. I owned the full-stack pnpm monorepo: React dapp, Hono API on Cloudflare Workers with D1 and Drizzle, Anchor program, TypeScript SDK, Astro marketing site and docs, and Storybook, plus 16 CI workflows for build, test, lint, typecheck, and deploy. A cron reconciler syncs on-chain stream state every 15 minutes. The product began as a hackathon entry and continued after the event.
Multi-channel AI Support Chat Platform
I built the front end for an AI-assisted support platform for a national education agency, handling about 1,000–3,000 conversations monthly across web chat and WhatsApp. Users get OpenAI-powered answers with handoff to live agents when queries get complex. I integrated the language model for context-aware responses about educational systems and built a WebSocket (Socket.IO) live-agent path with careful handling of disconnects, reconnects, and message ordering. I also shipped admin tools for tickets, roles, chatbot message customization, and session timeouts.
Dokodemo-Kerja Realtime React Native Attendance App
I led React Native development of Dokodemo-Kerja, an HR attendance and productivity app used by remote employees for location-based attendance, payroll, timesheets, and roster management. I designed and hardened its production geolocation pipeline. After testing stock React Native geolocation and custom battery controls across OEM devices, I selected and integrated TransistorSoft with Background Fetch for long-running tracking. I engineered the application layer around it: Always and When In Use permission flows, Info.plist purpose strings through App Store review, mock-location detection, and last-known-good behavior under indoor or low-signal conditions. I also owned the full Google Play and App Store release cycle.
Homitag Marketplace App
I owned the React Native front end for Homitag, a mobile marketplace for buying and selling items. I shipped product browsing, cart, and checkout flows with back-end integrations, refactored legacy class components to hooks, and upgraded outdated dependencies. The upgrade reduced crashes by more than 60% and raised development velocity by 30%.
KlikHoreca eCommerce Platform
I built front-end features for KlikHoreca, a food and grocery eCommerce platform. I shipped product categorization, search, cart, and checkout flows; integrated payment gateways and a points-based loyalty program; used Next.js SSR for SEO on product pages; and wired Facebook and Google OAuth login.
Project Management Platform for a National Government Agency
I led the front end for an internal project management web app for a national government agency, covering event planning, participant management, financial reimbursement, and reporting. I built role-specific dashboards for administrators, organizers, and participants; a secure reimbursement workflow with document upload, validation, and admin verification; and QR code generation and scanning for attendance and document checks. The UI is integrated with external financial processing systems.
Education
2016 - 2018
Master's Degree in Advanced Design Informatics
University of Edinburgh - Edinburgh, Scotland, UK
2012 - 2014
Master's Degree in Computer Science
Sepuluh Nopember Institute of Technology - Surabaya, Indonesia
2006 - 2012
Bachelor's Degree in Information Technology
Sepuluh Nopember Institute of Technology - Surabaya, Indonesia
Certifications
JUNE 2026 - PRESENT
Solana Token Distribution Protocol
Mancer
SEPTEMBER 2025 - PRESENT
School of Solana Season 7
Ackee Blockchain Security
APRIL 2025 - PRESENT
NestJS Masterclass – Node.js Framework Back-end Development
Udemy
SEPTEMBER 2022 - PRESENT
Creating API Documentation
FEBRUARY 2020 - PRESENT
React: Building Progressive Web Apps (PWAs)
FEBRUARY 2020 - PRESENT
Learning TypeScript
Skills
Libraries/APIs
REST APIs, OpenAPI, React, Node.js, Google Maps API, Stripe, React Query, OpenAI API, Stripe API, React Testing Library, React Hook Form, Chart.js, Playwright, OpenCV, Tableau API, Zod, Zod Schema, React Redux, Redux-Saga, jQuery, Telegram Messenger API
Tools
Zoom, Claude Code, Shadcn, GitHub, Sentry, NPM, Claude, Zapier, Figma, Keycloak, Adobe, Adobe CC, Prettier, Grafana, Git, Android Studio, Vitest, PostCSS, Xcode, ChatGPT, Astro, Expo, Scratch 2, Moodle, Google Workspace
Languages
TypeScript, JavaScript, CSS, HTML, Python, PHP, C++, GraphQL, ECMAScript (ES6), SCSS, Rust, HTML5
Frameworks
Next.js, Tailwind CSS, React Native, Express.js, Vanilla JS, Angular, Redux, NestJS, Jest, Ruby on Rails 7, Cypress, Tauri, Electron, Anchor, Swagger
Paradigms
Mobile Development, UX Design, Automation, Microfrontends, Desktop Web Design, Text Retrieval, Database Design, Microservices, UI Design, Gamification, Testing, CSRF Protection, Agile, Model Context Protocol (MCP)
Platforms
Android, iOS, Vercel, Kajabi, WordPress, Amazon Web Services (AWS), Firebase, Google Cloud Platform (GCP), PostHog, Docker, Apple, Blockchain, Clerk
Storage
PostgreSQL, MongoDB, Redis, MySQL, SQLite, SQL Injection Protection
Industry Expertise
Web Design
Other
Artificial Intelligence (AI), React Hooks, Full-stack Development, Front-end Development, User Experience (UX), User Interface (UI), Integration, Web Development, Full-stack, Front-end, Front-end Architecture, Software Design, eCommerce, API Integration, AI Agents, Leadership, Systems Design, Content Management Systems (CMS), APIs, Cross-platform App Development, Lovable, Webex, Web App Development, AI-assisted Development, AI-generated Code, Design Systems, WebSockets, Supabase, Hono, WordPress LMS, Server-side Rendering (SSR), Multi-tenant Architecture, Mobile App Development, Mobile Apps, Architecture, FastAPI, Geolocation, Authentication, Security, Web App UX, Back-end, Payment APIs, Payments, Code Review, Agentic AI, AI Integration, LLM Integration, System Design, Technical Leadership, eCommerce CMS, Maps, Agentic Coding, Email Automation, System Architecture, Webhooks, 2D Image Processing, Image Processing, Custom WordPress, Marketplaces, SDKs, Product Lifecycle Management (PLM), Analytics, Telemetry, Vite, Chargebee, Paddle, BullMQ, Husky, Storybook, Google Play Store, Chakra UI, Radix UI, ESLint, OpenRouter, Desktop App Design, Mobile UX, User Flows, Web UX, App UX, App UI, UX Research, Data Science, Data Mining, Document Processing, Software, Software QA, Programming, Web Programming, Algorithms, Data Structures, App Store, Axios, Chatbots, Server Sent Events (SSE), CSS-in-JS, Solana, CI/CD Pipelines, GitHub Actions, Cloudflare, Workers, Client-side Rendering (CSR), Tailwind UI, PWA, Dashboards, Monorepos, Turborepo, Multi-tenant SaaS, OAuth, OpenID Connect (OIDC), Startups, Compliance, Education, Convex, Cursor AI, Real-time Tracking, Long Polling, Multiplayer, Product Design, Taxation, Data Modeling, Onboarding, IT Security, Digital Design, Education Technology (Edtech), WordPress Plugins, Web Security, OWASP, OWASP Top 10, Cross-site Scripting, Debugging, Higher Education, University Teaching, Software Development, Learning Management Systems (LMS), IT Strategy, Geolocation Detection, OpenAI, Financial Services, Fintech, QR Codes, Agentic AI Systems, Large Language Models (LLMs)
Collaboration That Works
How to Work with Toptal
Toptal matches you directly with global industry experts from our network in hours—not weeks or months.
1
Share your needs
Discuss your requirements and refine your scope in a call with a Toptal domain expert.
2
Choose your talent
Get a short list of expertly matched talent within 24 hours to review, interview, and choose from.
3
Start your risk-free talent trial
Work with your chosen talent on a trial basis for up to two weeks. Pay only if you decide to hire them.
Top talent is in high demand.
Start hiring