OTM Motors Platform
Full-stack automotive e-commerce platform for Saudi Arabia & UAE — Next.js 15 storefront with Laravel 12 admin panel, AI car recommendation engine, financing calculator, and bilingual Arabic/English support.
The Problem
What needed to be solved
The dealership needed a modern digital platform to replace their manual sales process — customers had no way to browse inventory online, compare cars, calculate financing, or book test drives. The platform needed to serve both Saudi and UAE markets with full Arabic support, handle complex car specifications (80+ fields per vehicle), and give the admin team a powerful management dashboard without writing code for every CRUD operation.
What I Built
My technical contributions
Next.js 15 Storefront with ISR
Built a performant storefront using Next.js App Router with server/client component separation, Incremental Static Regeneration for inventory pages (60s revalidation), and 4 React contexts (Auth, Cart, Location, Comparison) for complex state management across 25 pages.
AI Car Recommendation Engine
Designed a trait-vector scoring algorithm in Laravel that maps user preferences (family, city driving, off-road, safety, etc.) to brand weights via dot-product calculations, with budget and vehicle type filtering — cached for performance and logged for analytics.
Filament 3 Admin Panel
Leveraged Filament to build 30 admin CRUD resources with zero frontend code — covering inventory management, customer interactions (reservations, test drives, financing), service management, and analytics dashboards with real-time stats widgets.
Bilingual Architecture (Arabic/English)
Implemented full i18n with JSON multilingual columns in MySQL (storing both EN/AR per field), middleware-based locale routing, RTL layout support with Tailwind, and a 75KB+ translation dictionary covering the entire UI.
Comprehensive Customer Workflows
Built 8 distinct customer interaction flows — reservations, test drives, financing applications, trade-in estimates, pre-orders, consultations, inquiries, and service bookings — each with status workflows, validation, and admin tracking.
System Architecture
How it's built
Server/Client Component Split
Server components for SEO and static content, client components for interactivity — maximizing performance
AI Trait-Vector Scoring
Custom recommendation algorithm using dot-product brand-to-trait weights with budget filtering and result caching
Multilingual JSON Columns
MySQL JSON columns storing {en, ar} objects with Eloquent accessors for seamless bilingual data access
Status Workflow Pattern
8 customer interaction types each with defined status transitions (pending → confirmed → completed/cancelled)
Scope of Work
Key features delivered
Visual Proof
Screenshots
OTM Motors Platform
Click any screenshot to view in full size
Results & Impact