Automotive Commerce Platform (IngStore)
Vehicle catalog and reservation web application connecting customer-facing storefront views with an administrative dashboard. Manages UI and filter state with Zustand, API fetching and caching with TanStack Query, order validation with Zod, and automated customer lead routing to active sales agents via WhatsApp.
Frontend & Full-Stack Developer
2025
React & Next.js UI
System Specifications & Context
Digital automotive showrooms require synchronized client state for multi-attribute vehicle filtering, reliable server-state caching between public catalogs and administrative inventory views, strict order form validation, and fair distribution of incoming customer inquiries across sales agents.
Architecture & Implementation
Engineered a Next.js and TypeScript web platform utilizing Zustand for responsive UI and filter state management, TanStack Query for asynchronous API data fetching and cache invalidation, Zod for declarative reservation schema validation, and an automated lead queue routing mechanism with direct WhatsApp handoff.
Technology Stack & Toolchain
Additional Engineering Projects
Explore further frontend and web application case studies.
SMP Negeri 24 Padang Institutional Web Portal & CMS
Official school web portal developed with Next.js (App Router) and Tailwind CSS, featuring a CMS for news, announcements, activity galleries, and staff directories, a school Waste Bank module with automated monthly PDF reporting, and role-based access control (RBAC).
Tropical Cyclone Trajectory Forecasting System (LSTM & ONNX)
LSTM-based tropical cyclone trajectory prediction and visualization system evaluating 12 experimental scenarios (mean Haversine error of 14.2 km and R² of 0.999). The optimal model is converted to ONNX format for direct in-browser execution via ONNX Runtime on an interactive map built with Astro Island Architecture.
Residential Property Platform (Angular Property)
Responsive property catalog interface and interactive 2D housing lot layout built with Angular components and Tailwind CSS. Implements multi-criteria property search filtering and a mortgage (KPR) installment simulation calculator powered by reactive state management (Signals & Data Binding).
Content Publishing Platform & Live Markdown Editor
Editorial and content publishing application built with Next.js (App Router), featuring a synchronized dual-pane Markdown editor, dynamic routing, and structured SEO metadata.