M. Hamamul Fikri L. — Frontend-Focused Full-Stack Engineer
Available for Global Remote Roles & Contracts (US/EU/APAC)

M. Hamamul Fikri L.

Frontend-Focused Full-Stack Engineer

Software Engineer with 4+ years of professional experience building high-reliability web systems, responsive UI architectures, and mission-critical API integrations for aviation and enterprise logistics.

React • Next.js • TypeScript • Node.js
24/7 SLA Aviation & Cargo Systems
Async-First Global Collaboration
Core Engineering Capabilities

Built for High-Reliability Production Systems

End-to-end ownership from responsive React/Next.js interfaces down to fault-tolerant Node.js APIs and high-volume analytical databases.

01 / 05

Frontend Engineering & UI Architecture

High-performance responsive layouts, modular component systems, client-side caching, and low-latency state orchestration.

  • Design-system-driven UI libraries with accessible, reusable primitives
  • Optimistic UI updates & client-side query caching for sub-100ms perceived speed
  • Ergonomic data-dense operator interfaces built for 24/7 operational floors
React
Next.js
TypeScript
Tailwind CSS
Ant Design
Material-UI
02 / 05

Mission-Critical APIs & Integrations

Seamless integration with complex third-party platforms (multi-airline reservation systems, logistics hubs), idempotent request handling, and automated retry mechanisms.

  • Multi-airline PSS reservation & PNR synchronization engines
  • Exponential backoff retries & circuit-breaking fault isolation
Node.js
Express.js
Hono
RESTful Microservices
03 / 05

Databases & Analytics Pipelines

Synthesizing massive operational logs, indexed query optimization, and decoupled analytical read loads for real-time dashboards.

  • Multi-stage MongoDB aggregations over millions of cargo telemetry logs
  • Compound index tuning & zero-contention analytical query pathways
MongoDB (Aggregation Pipelines)
PostgreSQL
MySQL
04 / 05

System Reliability & Security

Strict data authorization policies, fail-safe fallback routines during network degradation, and fault-tolerant transaction processing.

  • Granular multi-tenant RBAC enforcing least-privilege across passenger & cargo records
  • State-preserving session fallbacks & transactional rollbacks during link instability
  • Containerized deployments with automated health checks for 24/7 SLA environments
Git
Docker
CI/CD
Role-Based Access Control (RBAC)
SLA 24/7 Compliance
05 / 05

AI-Augmented Engineering Workflow

Leveraging modern AI models (Gemini, Claude, ChatGPT) as daily engineering force-multipliers to accelerate feature delivery, explore edge cases, and streamline refactoring—while maintaining strict human verification over architecture, security, and production code quality.

  • Faster prototyping of React/TypeScript components, complex MongoDB aggregations, and API schemas
  • Deep root-cause analysis, edge-case simulation, and refactoring with Gemini & Claude
  • 100% human-reviewed, type-safe, and production-tested code before every commit
Gemini
Claude
ChatGPT
AI-Assisted Debugging
Automated Code Review & Docs
Selected Production Systems

Engineering Case Studies

Deep-dive architectural breakdowns of mission-critical aviation, cargo analytics, and enterprise logistics platforms running in production.

#01Backend & Mission-Critical Integration

Airport Self-Service Check-in Kiosk Engine

Node.js
Express.js
REST APIs
Airline Integrations
24/7 SLA
The Challenge

Airport kiosk hardware requires continuous 24/7 availability. Network instability between physical airport kiosks and remote airline reservation systems risked session drops and lost booking records during high-traffic windows.

Result & Impact

Delivered uninterrupted check-in operations during peak flight schedules, preventing counter congestion and meeting strict SLA uptime.

Engineering Solution

  • Built an Express.js backend engine managing multi-passenger check-in transactions concurrently.
  • Integrated multi-airline reservation APIs for automated PNR lookup, verification, seat allocation, and boarding pass dispatch.
  • Implemented exponential backoff retries, state-preserving session fallbacks, and transaction rollback mechanics.

24/7 SLA

Availability Target

Multi-Pax Concurrent

Transaction Mode

Auto Rollback & Retry

Fault Tolerance

Full Page
#02Full-Stack & Data Analytics

CIS 2.0 & Real-Time Cargo Analytics Dashboard

React
Node.js
MongoDB Aggregations
Ant Design
Performance Tuning
The Challenge

Heavy day-to-day air cargo operations generated millions of operational logs. Leadership required sub-second visibility into production volume and client-tier revenue without causing read contention on the operational database.

Result & Impact

Replaced manual end-of-day spreadsheet reconciliation with real-time, interactive insights for flight cargo capacity planning.

Engineering Solution

  • Designed an executive analytics dashboard using React and Ant Design.
  • Structured multi-stage MongoDB aggregation pipelines to summarize historical data efficiently.
  • Optimized indexing strategies and implemented query caching to minimize database execution time.

Sub-Second

Query Latency

Millions of Logs

Data Volume

Real-Time vs EOD

Reporting Shift

Full Page
#03Frontend Engineering & Enterprise Logistics

AWARES — Air Cargo Warehouse Management UI

React
Tailwind CSS
TypeScript
3rd-Party API Integration
State Synchronization
The Challenge

Maintaining strict upstream-to-downstream data consistency across the air cargo lifecycle (from cargo acceptance, weighing, and storage allocation to final flight dispatch) while synchronizing state with multiple external third-party stakeholder systems where payload discrepancies or out-of-order updates could disrupt warehouse operations.

Result & Impact

Eliminated upstream-to-downstream data drift across third-party integrations and accelerated ground cargo handoffs through a reliable, single-source-of-truth operator interface.

Engineering Solution

  • Engineered deterministic client-side state orchestration and strict payload validation in React and TypeScript to keep cargo records consistent from initial intake to outbound dispatch.
  • Integrated multi-party REST APIs on the frontend with real-time reconciliation views, immediately surfacing data mismatches between internal warehouse states and third-party systems.
  • Built ergonomic, step-locked UI workflows in Tailwind CSS that prevent invalid downstream transitions until upstream third-party verifications are confirmed.

Frontend Architecture

Engineering Scope

End-to-End Data Sync

Core Focus

3rd-Party Integrations

Ecosystem

Full Page
#04Full-Stack Engineering & Aviation Security

SIPP — Passenger Profiling & Security System

React
Tailwind CSS
Node.js
Express.js
RBAC
Data Analytics
The Challenge

Aviation security personnel required low-latency full-stack interfaces and reliable backend query services to screen passenger risk profiles instantly, while strictly enforcing data authorization across sensitive profiling records.

Result & Impact

Reduced security screening friction and strengthened data governance through an integrated, RBAC-fortified full-stack platform.

Engineering Solution

  • Architected both the Node.js/Express.js backend services and the responsive React + Tailwind CSS screening interface.
  • Implemented granular Role-Based Access Control (RBAC) across API endpoints and frontend views to enforce strict data authorization on sensitive passenger records.
  • Optimized backend search and analytical query endpoints to deliver instant risk profile lookups and audit trails for security officers.

Full-Stack System

Engineering Scope

Granular RBAC

Security Model

Low-Latency Query

Screening UX

Full Page
How I Work & Engineering Principles

What You Can Expect When Working With Me

Beyond writing code—focusing on business impact, system reliability, and frictionless collaboration in remote engineering teams.

01

Translating Complex Business Rules into Intuitive UI

Aviation and cargo logistics involve strict regulations, multi-step verifications, and dense data tables. I focus on turning complicated operational requirements into clean, step-by-step interfaces that field operators can use fast without confusion.

  • Step-locked workflows that prevent human error on operational floors
  • High-clarity status indicators for multi-stage processes
02

End-to-End Data Consistency & Resilience

When integrating with multiple external third-party stakeholder systems, networks can drop and payloads can differ. I build systems with strict validation, idempotent requests, and clear reconciliation states so data never silently drifts.

  • Graceful error recovery and state-preserving fallbacks
  • Single-source-of-truth synchronization across 3rd-party APIs
03

Clean, Type-Safe & Maintainable Architecture

Fast delivery shouldn't mean messy code. I write modular React/Next.js components, enforce strict TypeScript contracts between frontend and backend, and keep business logic decoupled so the codebase stays easy for any engineer to pick up.

  • Reusable component primitives & predictable state management
  • Performance-first mindset (query indexing, caching, zero unnecessary re-renders)
04

Proactive & Async-First Remote Collaboration

Remote teams thrive on clarity and trust. I communicate progress early, write well-documented Pull Requests, ask the right product questions upfront, and take full ownership of features from technical design through production monitoring.

  • Clear written communication, structured PRs, and self-unblocking habits
  • Flexible daily overlap for US, EU, and APAC engineering standups
Small, Reviewable PRs
AI-Accelerated (Gemini, Claude, ChatGPT)
Product-Minded Engineering
Reliable Async & Sync Overlap
Career Track Record

Professional Experience

4+ years of continuous production ownership delivering enterprise aviation and cargo technology systems.

Full-Stack Developer

4+ Years • Active
PT Edifly Solusi IndonesiaIndonesia (Aviation & Enterprise IT Solutions)
Apr 2022 – Present (4+ Years)

Key Engineering Contributions

  • Developing and maintaining enterprise frontend architectures and backend endpoints for airport, cargo, and warehouse workflows.
  • Architecting secure RBAC access policies across core operations.
  • Optimizing database query performance and UI rendering for mission-critical 24/7 operations.
React
Next.js
TypeScript
Tailwind CSS
Ant Design
Node.js
Express.js
MongoDB
PostgreSQL
MySQL
RBAC
Git
Docker
Gemini
Claude
ChatGPT
Mission-Critical Systems Shipped

Airport Self-Service Check-in Kiosk Engine

Backend & Airline API Integration

CIS 2.0 & Real-Time Cargo Analytics Dashboard

Full-Stack & MongoDB Aggregations

AWARES — Air Cargo Warehouse System

Frontend Engineering & Real-Time Logistics UI

SIPP — Passenger Profiling & Security System

Full-Stack Engineering & RBAC Security

Direct Contact & Availability

Let's Discuss Your Engineering Roadmap

Timezone: UTC+7 (Western Indonesia Time) — Readily flexible for US, EU, and APAC operational hours.

Connect Directly via LinkedIn or Email

Reach out directly for full-time remote engineering roles, contract engagements, or technical discussions.

Global Timezone Overlap Windows (UTC+7)

Available daily for synchronous standups, technical interviews, and architecture reviews across US, European, and APAC windows.

US (EST / PST)

07:00 – 11:00 EST

19:00 – 23:00 WIB (UTC+7)

EU / UK (CET / GMT)

08:00 – 16:00 CET

14:00 – 22:00 WIB (UTC+7)

APAC / SG / AU

09:00 – 18:00 SGT

08:00 – 17:00 WIB (UTC+7)

Send a Quick Message

Leave your details and message below and I will get back to you via email within 24 hours.