Indra's Resume

Indra

Agentic Software Engineer

Full-stack, APIs & Integrations
AI Automation & Agentic Workflows
Digital Marketing & CRO
System Architecture
Product UI/UX & Design Systems

[9 years] building, maintaining, improving production apps, websites and digital products. I partner closely with app, design, marketing and business teams for developments, campaigns and to turn requirements into polished, measurable app/web experiences with strategic approaches.

Experiences

Professional timeline across product engineering, fullstack delivery, and agentic workflow execution.

Linkedin

Apr 2026 - Present

Software Engineer
(Full Time, Hybrid)

Juicebox ID/AU, Bali

  • Build and maintain production websites and product features across Laravel, Statamic, Shopify, Next.js, Vue.js, and WordPress, with a focus on responsive UX, clean implementation, reliable releases, and fast issue resolution.
  • Own delivery across MySQL, MariaDB, and PostgreSQL data; Docker, Redis, cloud storage, AWS/VPS CI/CD; Stripe and Xendit payment integrations; unit, feature, and automated testing; and collaboration with Jira, Slack, WhatsApp, Trello, and GitHub.
  • Use Figma, pen.dev, GSAP, and Lenis for polished digital experiences, and apply AI API integration, n8n workflow automation, and agentic workflows with Claude, Codex, MCP, and skills to improve delivery efficiency and maintains code quality/ conventions.
  • Projects: Pirate Journey, Capitaliz, Ehrenberg-Bass Institute, XV Premium, MySharePlan, and Kent Removals & Storage.
  • Website growth and operations: HubSpot forms and automation, n8n integrations across CRM, notifications, and reporting, Google Tag Manager, GA4 event and conversion tracking, Google Search Console, Microsoft Clarity, technical SEO, Core Web Vitals, PageSpeed optimization, Elementor Pro, CRO and A/B testing, security and performance, and hospitality booking, membership, event, and lead-generation funnels.

Apr 2025 - Apr 2026

Software Engineer
(Full Time, Hybrid)

Primuse, Canggu, Bali

  • Core team of Kisum App, development from inception, to production with a focus on architecture, scalable systems with best UI/UX and multi-tenant. Key modules developed include Artists, AI (Chat, Prediction), News, Events & Financials, Festivals, Venues, Vendors, and Market.
  • Projects: Kisum App, plus the Artists, Events, and Venues sites.
  • Technologies: TypeScript, NextJs, Vue.js, UiUx (Tailwind & Shadcn, Redux/ Zustand/ Context, Tanstack, Mapbox, Swiper, Onborda, Echarts/ Recharts, Figma, Axios, Async, Hooks, React-hook-form, Zod ), GraphQL, WebSocket, REST API, JWT, Jest, docker, github, Turbopack, MongoDB & PostgreSQL, Redis, Aws & Cloudflare, microservices, serverless (Lambda, Cloudflare Workers), express, Crypto, Stripe Payment Gateway, Collaboration (Github Project, Teams, Zoom, Microsoft Cloud), Ai (gemini, n8n)

Jan 2020 - Mar 2025

Fullstack
(Full Time, Hybrid)

PT Kode Kreatif Digital, Sidoarjo

  • Develop web apps and hybrid mobile apps (profile, online store, education, health, finance, custom)
  • Digital marketing delivery: Google Ads and Meta Ads campaigns, SEO, analytics and conversion tracking, landing page optimization, and performance reporting for client products
  • Technologies: TypeScript, Material UI, Tailwind, Ant Design, ReactJS, Redux, NextJS, Vue.js, ExpressJS, Laravel, React Native, Flutter, MySQL, PostgreSQL, ORM, GitHub, GraphQL, REST API, Web Socket, Golang, Python, Docker

Jun 2019 - Dec 2019

Software Engineer
(Full Time, Remote)

PT Bank BTPN Tbk, Jakarta

  • Contributed to the Jenius bank app using JavaScript, TypeScript, ReactJS, React Native, Redux, REST API, GraphQL, and database technologies.
  • Joined through CHIP (Creative Hacknology Intensive Program) by Bank BTPN.

May 2018 - May 2019

Fullstack
(Full Time, Hybrid)

Yayasan iik Bhakti Wiyata (partner with PT Sigma Intan Mahakarya), Surabaya

  • Built App/ Web Systems for Hospitals, Ners, Schools, Canteen from scratch to production with a focus on architecture, scalable systems, best performance server and UI/UX.
  • Technologies: JavaScript, TypeScript, Material UI, Tailwind, ReactJS, Redux, NextJS, ExpressJS, Laravel, React Native, MySQL, PostgreSQL, GitHub, GraphQL, REST API, Web Socket

Jun 2016 - Apr 2018

Fullstack
(Full Time, Onsite)

CV. Indscript Computer, Sidoarjo

  • Developed web/android applications based on client requirements such as Company profiles, online stores, parking systems, waiting systems, POS, custom solutions
  • Technologies: Laravel, ExpressJS, ReactJS, Material UI, React Native, MySQL, ORM, GitHub, REST API

Mar 2016 - May 2016

Full-stack, Team Lead (7 members)
(Freelance, Hybrid)

CV. Mitra Mia Group, Surabaya

  • Built online shop web for property listings
  • Technologies: Laravel, jQuery, Bootstrap, MySQL, JSON, GitHub, REST API, VPS Server

Aug 2012 - Feb 2013

Technician, Professional Computer Trainer
(Full Time, Onsite)

LPK Mitra Computer, Sidoarjo

  • Microsoft Office, Graphic Design, Technician, Networking

Tech Stack

A structured view of the technologies, platforms, and engineering practices used to design, build, operate, and improve digital products.

Languages & Web Foundations

Languages

TypeScript, JavaScript (ES2015-ES2024), Dart, PHP 8, Go, Python, SQL, HTML5, CSS3, Bash & shell scripting, JSON, YAML, Markdown, regular expressions

TypeScript & Type Systems

Strict mode, generics & conditional types, mapped and template-literal types, discriminated unions, type guards & narrowing, utility types, declaration files & module augmentation, the satisfies operator, inference tuning, tsconfig & project references, runtime validation with Zod, end-to-end type-safe API contracts

JavaScript Runtime & Language Internals

Event loop, microtasks & macrotasks, promises & async/await, generators & iterators, closures & scope, prototypes & classes, ESM and CommonJS modules, memory management & garbage collection, Web Workers, structured cloning, Proxy & Reflect, immutability patterns, functional composition

Semantic HTML & Accessibility Foundations

Semantic HTML & document outline, landmark structure, forms & native validation, ARIA roles, states & properties, WCAG 2.2 AA, keyboard navigation & focus management, screen-reader testing, metadata & Open Graph, structured data with JSON-LD, progressive enhancement

Modern CSS & Layout

Flexbox, CSS Grid & subgrid, container queries, cascade layers, custom properties & design tokens, logical properties, clamp & fluid typography, :has() and modern selectors, native nesting, transitions & keyframe animation, view transitions, dark mode & prefers-color-scheme, responsive images, print stylesheets

Browser Platform & Web APIs

DOM & event delegation, Fetch & Streams, Web Storage & IndexedDB, Service Workers & PWA, WebSocket & Server-Sent Events, History & Navigation, Intersection, Resize & Mutation observers, Web Animations, Canvas & SVG, Clipboard, File & drag-and-drop, Geolocation, Notifications, Web Components & Shadow DOM, same-origin policy & CORS, Content Security Policy

Frontend Engineering

Frameworks & Rendering

React 19, Next.js App Router, Remix, React Router v7, Preact, Vue.js, server-side rendering, static generation, incremental static regeneration, streaming SSR & Suspense, React Server Components, server actions, partial prerendering, client/server boundaries, hydration strategies, nested routing & layouts, middleware & edge rendering

UI, Styling & Design Systems

Tailwind CSS, Material UI, Ant Design, Bootstrap, Bulma, Emotion, Styled JSX, UnoCSS, Shadcn, Radix, Base UI, HeroUI, Fluent UI, Mantine, Chakra UI, Gluestack, Tamagui, design tokens & theming, component API design, compound & headless component patterns, variant systems with CVA and tailwind-merge, Storybook documentation, iconography, responsive and fluid layout systems

State, Data & Forms

Redux & Redux Toolkit, RTK Query, Zustand, Jotai, Valtio, Context, TanStack Query, SWR, Urql, Axios, Fetch, React Hook Form, Zod, RxJS, Lodash, React Hooks & custom hooks, loadable-components, server state versus client state, cache invalidation & optimistic updates, normalized stores, selectors & memoization, multi-step forms & field arrays, file upload handling, loading and error state modelling

Motion, Visualization & Components

GSAP, Framer Motion, Remotion, Lenis, ECharts, Recharts, Nivo, TanStack Table, Swiper, Embla Carousel, Onborda, React Flow, Mapbox, scroll-linked animation, timeline choreography, gesture & drag interactions, list and table virtualization, chart accessibility, reduced-motion support

Performance & Core Web Vitals

LCP, INP & CLS optimization, bundle analysis & code splitting, dynamic imports & lazy loading, tree shaking, route prefetching, image optimization & modern formats, font loading and FOUT/FOIT control, re-render elimination & memoization, React Profiler, list virtualization, critical CSS, resource hints (preload, preconnect), third-party script governance, CDN & caching strategy

Accessibility & Inclusive UI

WCAG 2.2 AA, semantic structure & landmarks, keyboard navigation & focus traps, ARIA patterns for dialogs, menus, tabs & comboboxes, screen-reader testing with NVDA and VoiceOver, colour contrast & visual hierarchy, reduced motion, form labelling & error messaging, skip links, axe and Lighthouse audits, internationalization & RTL support

Frontend Architecture & Tooling

Component-driven architecture, feature-first structure, module boundaries, monorepos with Turborepo and pnpm workspaces, Vite, Webpack, Turbopack, ESLint & Prettier configuration, TypeScript project references, environment configuration, dependency management, design-system packaging, incremental migration & refactoring strategy

Client-Side Security

XSS prevention & output encoding, Content Security Policy, CSRF protection, secure cookie and token handling, client session management, schema validation with Zod, HTML sanitization, dependency auditing, secrets hygiene in client bundles, iframe sandboxing & clickjacking protection

Rich Text & Interface Libraries

Tiptap, Plate, Quill, rich-text schema & serialization, collaborative editing patterns, Alpine.js, jQuery legacy maintenance, NotyJS and toast patterns, drag-and-drop interfaces, command palettes, keyboard shortcut systems, Algolia InstantSearch UI

Backend & API Engineering

Frameworks & Runtime

Laravel, Laravel Octane, Symfony components, Express, Fastify, NestJS, Hono.js, Nitro, GoFiber, Gin, FastAPI, Node.js, Bun, Deno, PHP-FPM, serverless functions, edge runtimes, long-running workers & daemons, CLI tools & scheduled commands

API Design & Protocols

REST, GraphQL schema design, resolvers, DataLoader & N+1 avoidance, schema stitching & federation, WebSocket, Server-Sent Events, gRPC, RPC & JSON-RPC, webhooks, OpenAPI/Swagger-first design, Larecipe, API versioning & deprecation policy, cursor and offset pagination, filtering, sorting & sparse fieldsets, idempotency keys, content negotiation, consistent error envelopes & problem details, rate limiting, throttling & quotas, HTTP semantics, status codes & caching headers

Authentication, Authorization & API Security

OAuth2 & OpenID Connect, JWT with refresh-token rotation, session and cookie auth, Laravel Sanctum & Passport, Auth.js, Better Auth, API keys & scopes, HMAC webhook signature verification, RBAC & policy-based authorization, multi-tenant data scoping, CORS & CSRF protection, request validation & sanitization, injection and mass-assignment prevention, OWASP API Security Top 10, secrets management & credential rotation, encryption in transit and at rest, audit logging

Persistence, Transactions & Query Performance

Eloquent, Prisma, Drizzle, GORM, query builders, schema migrations & seeders, ACID transactions & isolation levels, optimistic and pessimistic locking, N+1 elimination & eager loading, indexing strategy and EXPLAIN plan analysis, connection pooling, read replicas & write splitting, soft deletes & auditing, referential integrity & constraints, repository and service layers, data backfills & zero-downtime migrations

Async Processing, Queues & Events

Laravel Queues & Horizon, BullMQ, Redis-backed queues, RabbitMQ, Amazon SQS, cron & task scheduling, background workers, retries with exponential backoff, dead-letter queues, job batching & chunking, rate-limited and unique jobs, pub/sub & event broadcasting, domain events & listeners, the outbox pattern, eventual consistency, idempotent consumers, long-running import and report pipelines

Caching, Performance & Scalability

Redis caching, cache-aside, write-through & tagged invalidation, TTL tuning & stampede protection, HTTP caching with ETag and Cache-Control, CDN & edge caching, response compression, payload shaping & selective loading, query optimization, memoization & request coalescing, load and stress testing with k6, profiling & bottleneck analysis, stateless services & horizontal scaling, concurrency limits & backpressure, graceful degradation

Third-Party & Payment Integrations

Stripe, Xendit, Midtrans, Polar, checkout, subscription & refund flows, webhook verification, replay handling & reconciliation, HubSpot CRM, mail and notification providers, WhatsApp & SMS gateways, S3 and object storage, Google APIs, OAuth app integrations, SDK and client-wrapper design, retries, timeouts & circuit breakers, sandbox versus production credentials, partner rate limits, failure isolation & fallbacks

Reliability & Service Operations

Service instrumentation & request-scoped logging, health and readiness probes, graceful shutdown & signal handling, zero-downtime deploys & migration ordering, blue-green and canary rollout of services, feature flags & kill switches, environment and configuration management, connection and worker pool tuning, queue depth & backlog monitoring, runbook-driven operational response

Backend Testing & API Quality

Pest, PHPUnit, Jest, Vitest, Testify, unit, integration & feature suites, API contract testing, database factories, fixtures & seeded test databases, HTTP mocking & service virtualization, snapshot testing of API payloads, Postman & Insomnia collections, static analysis with PHPStan & Larastan, type safety & linting, staging validation & release sign-off

AI & Agentic Engineering

Models & Providers

Claude (Opus, Sonnet, Haiku), OpenAI GPT, Google Gemini, Llama, Anthropic and OpenAI SDKs, model selection & capability trade-offs, context-window planning, streaming responses, structured output & JSON mode, tool and function calling, vision and multimodal input, prompt caching, token accounting, latency and cost budgeting, rate-limit and retry handling, multi-provider fallback routing

Prompt & Context Engineering

System, developer and user prompt design, few-shot and example selection, output schemas & structured extraction, decomposition and planning patterns, context assembly, pruning & token budgeting, instruction hierarchy & conflict handling, prompt versioning & regression testing, deterministic formatting, refusal and edge-case handling, repository rules and conventions files

Agentic Workflows

Claude Code, Codex, Cursor/ VS Code/ ZED IDE, agentic CLIs & agents, MCP clients & servers, tool and function design, skills, subagents & multi-agent orchestration, structured plans and task decomposition, context engineering, repository rules & conventions files, hooks and permission policies, sandboxed execution, git worktree isolation, spec-driven and test-driven agentic loops, review & refactor agents, codebase retrieval, prompt and workflow versioning, evaluation harnesses & regression suites, guardrails, human-in-the-loop approval, token & cost budgeting, observability and audit trails, agents in CI/CD

LLM Application Architecture

Chat and assistant interfaces, streaming UI over server-sent events, conversation state & memory, session persistence, system-prompt versioning, tool registries & function schemas, orchestration and routing layers, background inference jobs & queues, embedding and completion caching, graceful degradation on provider failure, usage metering & quota enforcement, provider abstraction layers

Retrieval & Vector Search

Document preprocessing & chunking strategy, embeddings, pgvector, Pinecone, Qdrant, Supabase Vector, hybrid keyword and semantic search, reranking, metadata filtering & access-scoped retrieval, citation and source attribution, freshness & re-indexing strategy, retrieval quality evaluation, context assembly within token budgets

Evaluation, Safety & Guardrails

Evaluation harnesses & regression suites, golden datasets, LLM-as-judge with human review, task success and hallucination metrics, red-teaming & prompt-injection defence, input and output filtering, PII redaction, tool-permission scoping & sandboxed execution, human-in-the-loop approval gates, audit trails, cost and latency monitoring, staged rollout gating

AI Product Integration

AI features in production applications, chat and prediction modules, content generation & summarization, classification and extraction pipelines, document and image processing, search and recommendation assistance, workflow copilots, integration into existing Laravel and Next.js products, incremental rollout behind feature flags, user feedback capture, adoption and quality tracking

Workflow Automation & n8n

Core & Workflow Design

n8n, workflow design & orchestration, Webhook, Schedule, Polling, Form and Chat triggers, Execute Workflow & sub-workflows, Merge, Loop Over Items, Split In Batches, IF, Switch, Filter, Wait, Stop and Error, error workflows, retries & continue-on-fail, pinned data, tags, folders, templates, workflow versioning

Nodes & Integrations

HTTP Request, Webhook & Respond to Webhook, REST & GraphQL APIs, pagination, rate limiting & backoff, Google Workspace (Sheets, Drive, Gmail, Calendar), Slack, Notion, Airtable, HubSpot, Stripe, Telegram, WhatsApp, Discord, GitHub, Jira, Postgres, MySQL, MongoDB, Redis, S3, SFTP, RSS, community nodes, custom node development

AI & LLM Automation

AI Agent and Chat Trigger nodes, basic and conversational LLM chains, OpenAI, Claude, Gemini and Ollama model nodes, tool calling, MCP client & server nodes, vector stores (Pinecone, Qdrant, Supabase, PGVector), embeddings, RAG pipelines, document loaders & text splitters, buffer/Postgres/Redis memory, structured output parsers, evaluation and human-in-the-loop approval

Data & Logic

Code node in JavaScript and Python, n8n expressions, JMESPath, Edit Fields, Item Lists, Aggregate, Sort, Remove Duplicates, Date & Time, Crypto, JSON, XML, HTML and CSV parsing, binary and file handling, data mapping & schema shaping, idempotency keys, deduplication

Security & Credentials

Credential management, OAuth2 and API key auth, JWT, HMAC webhook signature verification, header auth, environment variables & external secrets, RBAC and project permissions, SSO, audit logs, data redaction, retention policies

Deployment & Operations

Self-hosted n8n on Docker and Docker Compose, n8n Cloud, queue mode with Redis and workers, Postgres persistence, horizontal scaling & concurrency tuning, separated webhook and worker processes, Nginx & Traefik reverse proxy, staging environments, Git-based source control, CI/CD, execution logging & pruning, monitoring, alerting, backup & restore

Data & Storage

Relational Databases

PostgreSQL, MySQL, MariaDB, SQLite, Neon, Supabase, schema design & normalization, constraints & foreign keys, views & materialized views, stored procedures & triggers, window functions & CTEs, partitioning, full-text search, extensions such as PostGIS, pgvector and pg_trgm

NoSQL & Document Stores

MongoDB, Firebase Firestore, DynamoDB, Redis data structures, document modelling, embedding versus referencing, aggregation pipelines, secondary indexes, replica sets & sharding, TTL collections, denormalization trade-offs, eventual consistency

Data Modelling & Integrity

Entity-relationship design, normalization & deliberate denormalization, multi-tenant data isolation, soft deletes & audit trails, temporal and versioned records, referential integrity, data contracts & schema evolution, migration and backfill strategy, seeding & fixtures, idempotent imports

Caching & In-Memory Stores

Redis, Memcached, key design & namespacing, expiry & eviction policies, sorted sets, streams & pub/sub, distributed locks, session and rate-limit stores, cache warming, invalidation strategy, hit-rate monitoring

Files, Object & Serverless Storage

Amazon S3, Cloudflare R2, cloud storage buckets, presigned URLs, multipart & resumable uploads, CDN delivery, image and media pipelines, MIME validation & malware scanning, lifecycle policies & archival tiers, signed access & bucket permissions, retention policies

Search, Analytics & Vector Data

Full-text search, PostgreSQL tsvector, Algolia, Meilisearch, Elasticsearch, faceting, ranking & relevance tuning, typo tolerance, pgvector, Pinecone, Qdrant, Supabase Vector, embeddings & similarity search, aggregation & reporting queries, BigQuery and Looker Studio reporting, ETL and data-sync pipelines

Backup, Recovery & Data Operations

Backup scheduling & restore drills, point-in-time recovery, replication & read replicas, failover planning, migration rollback, data retention & deletion policies, PII handling, encryption at rest, anonymized non-production datasets, capacity monitoring & growth planning

Architecture & Security

Architecture Patterns

Monolith, modular monolith, microservices, service-oriented, event-driven, serverless, monorepo, microkernel, hexagonal & clean architecture, CQRS, domain-driven design, layered and vertical-slice structure, backend-for-frontend, multi-tenancy models, strangler-fig migration

System Design & Scalability

Requirements analysis & capacity planning, bounded contexts & service boundaries, data flow and sequence modelling, synchronous versus asynchronous communication, statelessness & horizontal scaling, load balancing, partitioning & sharding strategy, consistency and availability trade-offs, idempotency & retry semantics, failure-mode analysis, cost-aware design, phased migration & rollout planning

Application Security & Threat Management

OWASP Top 10, threat modelling & attack-surface review, secure defaults & least privilege, input validation & output encoding, injection, XSS and SSRF prevention, access-control design, cryptography fundamentals, key & secret management, dependency and supply-chain auditing, SAST and DAST scanning, security headers, penetration-test remediation, responsible disclosure

Reliability & Resilience Engineering

Redundancy & failover, timeouts, retries & exponential backoff, circuit breakers & bulkheads, rate limiting & load shedding, health checks, graceful degradation, disaster recovery planning, RTO and RPO targets, SLO definition & error-budget thinking, blast-radius containment, dependency failure isolation

Engineering Practices

Clean code, design patterns, SOLID, OOP & functional programming, refactoring & technical-debt management, code review culture, pair programming, trunk-based development & branching strategy, Agile, Scrum, iterative delivery, estimation & scoping, definition of done, dependency management, coding standards & project conventions

Documentation & Decision Records

Architecture decision records, system, sequence and data-flow diagrams, C4-style context modelling, interface and contract specifications, non-functional requirement documentation, runbooks & operational playbooks, trade-off write-ups, knowledge sharing & handover, technical writing for mixed audiences

Technical Leadership & Decision Making

Solution shaping & technical scoping, trade-off analysis, build-versus-buy evaluation, technology selection & proof of concept, mentoring & code-review coaching, standards setting, cross-team alignment, risk identification & mitigation, delivery and roadmap planning, stakeholder and vendor communication, continuous improvement

Cloud & Delivery

Cloud Platforms & Hosting

AWS (EC2, S3, RDS, Lambda, CloudFront, Route 53, IAM, SQS, SES), Cloudflare (Workers, R2, Pages, DNS, WAF), Vercel & Vercel Functions, VPS providers, managed databases, serverless and edge compute, region & availability planning, shared responsibility model

Containers & Orchestration

Docker, multi-stage builds, Docker Compose, image optimization & layer caching, container registries, health checks & restart policies, resource limits, volumes & container networking, Kubernetes fundamentals, service discovery, autoscaling basics, local and production environment parity

CI/CD & Release Engineering

GitHub Actions, pipeline design, build, test & deploy stages, dependency caching & artifact management, matrix builds, environment promotion, preview and staging deployments, blue-green & canary releases, zero-downtime deploys, database migration steps, release tagging & semantic versioning, rollback automation, deployment approvals & branch protection

Build Tooling & Bundling

Vite, Webpack, Turbopack, Turborepo, esbuild, SWC, Babel, PostCSS, tree shaking & code splitting, bundle analysis, source maps, monorepo task pipelines & remote caching, build performance tuning, environment-specific builds

Infrastructure & Configuration

Infrastructure as code, Terraform basics, environment & secrets management, Nginx and Traefik reverse proxy, load balancer configuration, SSL termination, DNS records & routing, firewall rules & security groups, systemd services, PM2 & process managers, cron and scheduled infrastructure tasks, server provisioning & hardening

Cost, Scaling & Capacity

Autoscaling policies, pre-launch load testing, right-sizing instances and functions, cold-start mitigation, CDN offload, bandwidth and egress cost control, reserved versus on-demand capacity, budget alerts, resource tagging & cost attribution, performance versus cost trade-offs

Quality & Observability

Test Strategy & Automation

Test pyramid & risk-based coverage, unit, integration, feature and end-to-end suites, Pest, PHPUnit, Jest, Vitest, Testify, Playwright, Cypress, Testing Library, regression & smoke suites, data mocking with MSW and JSON Server, factories & fixtures, flaky-test triage, coverage thresholds, test gates in CI

Frontend & Visual Testing

Component testing with Testing Library, Playwright and Cypress end-to-end flows, visual regression & snapshot testing, Storybook interaction tests, cross-browser and device testing, accessibility testing with axe, responsive QA, user-journey validation

Debugging & Performance Analysis

Browser DevTools, React Profiler, Node and PHP debuggers, breakpoint & step debugging, log tracing, network waterfall analysis, memory leak detection, flame graphs & bottleneck analysis, query profiling, performance budgets, load testing, release validation, production issue reproduction

Monitoring & Observability

Structured logging & correlation IDs, log aggregation, error tracking with Sentry, uptime & synthetic monitoring, metrics, dashboards & alerting, distributed tracing, real user monitoring, Core Web Vitals field data, health checks, incident timelines & runbooks, alert tuning to reduce noise

Code Quality & Static Analysis

Code review practice, consistent naming & project conventions, ESLint, Prettier, PHPStan & Larastan, type safety, complexity and duplication checks, pre-commit hooks, lint and format gates in CI, dependency updates & auditing, dead-code removal, refactoring discipline

Developer Experience & Tooling

Local environment parity, containerized development setup, seed and demo data, developer scripts & task runners, fast feedback loops, hot reload & build-speed tuning, Storybook component workshop, editor, lint and formatter integration, onboarding paths, troubleshooting guides, internal tooling

Release Quality & Production Support

Release checklists & sign-off, staging validation, feature flags & progressive rollout, post-deploy smoke testing, rollback criteria, bug triage & severity classification, SLA-based response, hotfix workflow, production support rotation, user-reported issue reproduction, postmortem follow-through

Website Operations

CMS & Website Platforms

Shopify, WordPress, Elementor Pro, Statamic, Laravel, Next.js, PHP, headless CMS patterns, theme & template development, custom blocks and field types, plugin & extension development, multisite management, content modelling, editorial workflows, landing pages, content publishing

E-commerce Operations

Shopify themes, Liquid & sections, product, variant & collection modelling, checkout customization, Shopify apps & Admin API, cart and discount logic, payment and shipping configuration, inventory sync, order workflows, subscription and membership flows, merchandising, product feeds, conversion-focused product and collection pages

Technical SEO & Site Performance

Core Web Vitals, PageSpeed Insights, Lighthouse, crawlability & indexation, XML sitemaps & robots.txt, canonicalization & duplicate-content control, structured data and rich results, redirect mapping & migration SEO, international and hreflang setup, metadata & Open Graph, image and asset optimization, caching & CDN configuration, render-blocking resource removal, accessibility remediation, responsive optimization

Content Operations & Publishing

Content modelling & taxonomy, editorial workflow & approvals, staging-to-live publishing, versioning & rollback, bulk content migration, media library governance, multilingual content, reusable component libraries for editors, editor training & documentation, content QA & broken-link checking

Security & Site Reliability

Platform hardening, plugin and theme vetting, update & patch cadence, WAF and bot mitigation, DDoS protection, malware scanning & cleanup, backups & restore testing, uptime and error monitoring, staging and live environment parity, access control & least-privilege admin roles, form spam and abuse prevention

Hosting, Domains & Delivery

Managed hosting, VPS & cloud hosting, Cloudflare DNS, caching & page rules, CDN configuration, SSL/TLS provisioning & renewal, domain and subdomain strategy, email deliverability with SPF, DKIM and DMARC, redirects & edge rules, environment variables & secrets, deployment pipelines for CMS sites, rollback procedures

Integrations & Growth

CRM & Marketing Automation

HubSpot forms, workflows, lists & reporting, contact and deal pipelines, lead scoring & routing, CRM data hygiene & deduplication, lifecycle and nurture sequences, segmentation, email marketing automation, CRM-to-application integration over API and webhooks, n8n orchestration across CRM, notifications and reporting

Analytics & Measurement

GA4 event and conversion tracking, Google Tag Manager, server-side tagging, Google Search Console, Microsoft Clarity, Meta Pixel, Looker Studio dashboards, UTM taxonomy & campaign tagging, funnel and cohort analysis, attribution modelling, custom event schemas, data-layer design, consent mode & privacy-compliant tracking

Funnels, Checkout & Conversion

Lead capture & form optimization, booking flows, membership journeys, event registration, Stripe, Xendit, Midtrans and Polar checkout experiences, cart and abandonment recovery, landing page structure & offer alignment, CRO frameworks, A/B and multivariate testing, heatmaps & session replay, funnel drop-off analysis, personalization, user feedback loops

Digital Advertising & Performance Marketing

Google Ads (Search, Performance Max, Display, YouTube, Shopping), Meta Ads Manager, TikTok Ads, LinkedIn Ads, campaign structure & budget pacing, keyword research & negative keywords, audience segmentation, lookalike and retargeting audiences, ad copy and creative testing, landing page & offer alignment, Google Merchant Center and product feeds, server-side tagging, Conversions API, offline conversion import, attribution modelling, UTM taxonomy, ROAS, CPA and LTV analysis, bid strategies & budget allocation, Looker Studio reporting, email marketing and lifecycle automation, remarketing funnels

SEO & Content Growth

Keyword research & search-intent mapping, content strategy & topic clusters, on-page optimization & copy briefs, internal linking strategy, local SEO & Google Business Profile, SERP feature targeting, competitor and gap analysis, content refresh cadence, landing page and blog growth programmes, backlink and digital-PR basics, SEO performance reporting & forecasting

Notifications & Messaging

Transactional email with SendGrid, Postmark and Amazon SES, WhatsApp Business API, SMS gateways, push notifications, in-app notifications, Slack and Telegram alerting, template management & personalization, deliverability monitoring, opt-in and unsubscribe compliance, notification preference handling, n8n notification pipelines

Flutter Engineering

Language & Core

Flutter, Flutter SDK, Dart, sound null safety, strong typing, Futures & async/await, Streams & StreamController, isolates & compute, generics, mixins, extension methods, sealed classes & pattern matching, records, error handling, lifecycle & memory management

UI & Rendering

Widget/Element/RenderObject tree, Material 3, Cupertino, slivers & CustomScrollView, custom painters & render objects, LayoutBuilder, responsive and adaptive layouts, theming & design tokens, implicit and explicit animations, AnimationController, Hero transitions, Rive, Lottie, fragment shaders, intl localization, accessibility semantics

State Management

Riverpod, Bloc/Cubit, Provider, GetX, MobX, InheritedWidget, ChangeNotifier & ValueNotifier, signals, immutable state with freezed, state restoration, dependency scoping

Architecture & Code Generation

Clean architecture, MVVM, feature-first modularization, repository pattern, get_it & injectable DI, go_router & Navigator 2.0, deep links, build_runner, freezed, json_serializable, Pigeon, Melos monorepos, build flavors & environment config

Data & Networking

Dio, Retrofit, http, REST, GraphQL, WebSocket, gRPC, interceptors, retries & auth refresh, Hive, Isar, Drift, sqflite, shared_preferences, flutter_secure_storage, offline-first sync, caching & pagination

Platform & Native Integration

Platform channels, Pigeon, Dart FFI, Kotlin & Swift interop, Firebase (Auth, Firestore, Messaging, Crashlytics, Remote Config, Analytics), push notifications, in-app purchase, maps, camera, permissions, biometrics, background tasks, WebView

Testing & Performance

Unit, widget, golden, and integration_test suites, mocktail & mockito, patrol, DevTools, timeline & memory profiling, jank and rebuild analysis, const & RepaintBoundary tuning, deferred loading, app size reduction

Build & Release

Fastlane, Codemagic, GitHub Actions, code signing, build flavors, Play Store & App Store release, staged rollouts, Firebase App Distribution, TestFlight, Crashlytics monitoring, web & desktop targets

React Native Engineering

Core & Runtime

React Native, New Architecture (Fabric, TurboModules, JSI), Hermes, bridgeless mode, Expo & EAS, bare workflow, Metro bundler, monorepo setup, React 19 concurrent features, OTA updates with EAS Update

UI & Interaction

Flexbox layout, StyleSheet, NativeWind, Reanimated, Gesture Handler, Skia, Lottie, FlashList & FlatList virtualization, SafeArea, responsive and adaptive layouts, dark mode theming, accessibility props, i18n

Navigation & State

React Navigation, Expo Router, deep links & universal links, Redux Toolkit, Zustand, Jotai, MobX, Context, TanStack Query, RTK Query, React Hook Form, Zod

Data & Offline Storage

REST, GraphQL with Apollo & urql, WebSocket, Axios, MMKV, AsyncStorage, WatermelonDB, Realm, SQLite, Keychain & Keystore secure storage, offline-first sync, caching & pagination

Modules & Device

TurboModules & legacy native modules, Kotlin/Java and Swift/Objective-C interop, Expo config plugins, Firebase (Auth, Firestore, Messaging, Crashlytics, Remote Config, Analytics), push notifications, in-app purchase, Mapbox & Google Maps, camera, permissions, biometrics, background tasks, WebView

Testing & Performance

Jest, React Native Testing Library, Detox, Maestro, MSW, React DevTools & Flipper, Hermes profiling, re-render analysis, list performance, startup time & bundle size, memory leak tracing

Build & Release

EAS Build & Submit, Fastlane, GitHub Actions, Bitrise, code signing & provisioning, build flavors & schemes, Play Store & App Store release, staged rollouts, OTA updates, Sentry & Crashlytics monitoring

Design & Product Experience

Product Design & UX

Figma, pen.dev, Adobe XD, Eraser, auto layout, components & variants, prototyping, wireframing, user flows & journey mapping, information architecture, usability review, responsive and adaptive design, accessibility in design, design QA & developer handoff

Design Systems & Tokens

Token architecture across colour, spacing, typography, radius and elevation, theming & dark mode, component specification & interaction states, variant matrices, naming conventions, Storybook documentation, design-to-code parity, contribution & versioning workflow, cross-platform consistency

Visual & Brand Design

Photoshop, Illustrator, CorelDRAW, Lightroom, typography & type scales, colour theory & palettes, layout and grid systems, iconography, brand consistency, marketing and social assets, image editing & retouching, export and asset optimization

UX Research & Validation

Stakeholder and user interviews, requirement gathering, competitor and heuristic review, usability testing, task analysis, session replay & heatmap review, surveys & feedback collection, analytics-informed design decisions, hypothesis framing, iteration on measured outcomes

Content & Interaction Design

Microcopy & UX writing, empty, loading and error states, form design & validation messaging, onboarding flows, progressive disclosure, motion and transition principles, feedback & affordance design, responsive interaction patterns, inclusive design considerations

Project Management & Collaboration

Version Control & Code Collaboration

Git, GitHub, branching strategy & pull-request workflow, code review etiquette, conventional commits, merge versus rebase, release tagging & changelogs, issue templates & labels, project boards, repository conventions & CODEOWNERS, VS Code and collaborative editing

Project Management

Jira, Microsoft Planner, GitHub Projects, Trello, Notion, Agile planning & backlog grooming, sprint coordination, estimation & capacity planning, milestone and release planning, progress tracking & reporting, dependency and risk management, scope and change control, retrospectives

Communication & Stakeholders

Slack, Microsoft Teams, WhatsApp, Google Meet, Zoom, Microsoft 365, Microsoft Cloud, Google Workspace, cross-functional communication, requirement clarification, technical explanation for non-technical audiences, status and escalation reporting, client and vendor coordination, expectation management, async and remote collaboration

Delivery & Team Practices

Scrum ceremonies, kanban flow, definition of ready and done, work breakdown & task decomposition, prioritization frameworks, cross-timezone collaboration, handover & knowledge transfer, onboarding new team members, mentoring & pairing, continuous improvement

Client & Product Collaboration

Discovery workshops & requirement gathering, proposal and scope documentation, demo and walkthrough sessions, feedback collection & triage, acceptance criteria, UAT coordination, training and handover documentation, post-launch support planning, ongoing maintenance engagements

Portfolio

Selected projects that show practical delivery across web, mobile, and integrated product systems.

Github

kademix

data table management with proper uiux & performance with Next.js, React Router, MongoDB, Postgresql, GraphQL, React, TypeScript, Vite/ Turbopack, Tailwind CSS v4 (fullstack application) enhanced for optimal maintainability and scalability.

Belov

[BPJS-TK Sidoarjo] Correction data system. Main features: manage ticket (detail, attachments, verification, history, delete). Web base using Laravel, MySQL, ReactJS, BulmaCSS

Crimenesia

Crime reporting system between police and society. Main features: crime reporting and crime mapping. Web and android platform using Laravel, MySQL, jQuery, Semantic, NotyJS, ReactJS, React Native

WisataApp

Booking rooms platform. Main features: search property, hotels, available rooms. Web base with TypeScript, NextJS, Tailwind, MaterialUI, REST API

Spektra

Project monitoring system. Main features: monitoring progress, register and approvals projects. Web base with NextJS, Tailwind, MaterialUI, EmotionJS, REST API

Parkir

Parking management system. Main features: auto select location, park entrance and out, tariff and payment, report. Web base using Laravel, Tailwind, MySQL

TodoApp

todoApp (kanban board) q with drag drop functionality use Typescript, NextJs, NextUi, tailwind, motion.

Calculator

beautiful, secure that built with React 19, TypeScript, Vite, Tailwind CSS v4, and React Router v7. This calculator combines modern design with robust security measures, excellent user experience, optimized code architecture.

Pokedex

search about pokemons that built with typescript, nextJs, material ui, tailwind, pokemon api v2.