WEB APPLICATION

AUTOBELL ENTERPRISE

CLIENT / CONTEXTJakarta, ID — Automotive Industry

ROLEFULL-STACK & CREATIVE ARCHITECT

TECH STACKNext.js • TypeScript • Tailwind CSS • PostgreSQL • Prisma • Vercel

YEAR2026

VISIT LIVE APPLICATION ↗VIEW REPOSITORY / ARCHITECTURE ↗

The Challenge

Autobell required a high-reliability enterprise management system to coordinate operations across multi-branch automotive service centers in the Greater Jakarta area. Fragmented spreadsheets and disconnected legacy systems resulted in inventory discrepancies, billing delays, and lack of real-time visibility.

Business Impact

40% reduction in operational scheduling overhead.
Sub-second cross-branch parts inventory lookup.
Automated customer notifications via WhatsApp Business Gateway.

Technical Architecture & Solution

Built with Next.js App Router and PostgreSQL, the system implements an optimistic UI update model paired with strict server actions for transactional integrity.

Key Architectural Decisions

Transactional Consistency: Distributed PostgreSQL transactions through Prisma ORM with strict row locking.
Edge Caching: Static generation with On-Demand Revalidation (ISR) for high-traffic inventory and report views.
Local Payment Integration: Direct webhook handling for Indonesian payment gateways (Midtrans, QRIS) with cryptographic signature validation.

VISUAL SHOWCASE // SYSTEM INTERFACES

2 PLATES