Skip to main content
Safdar.
HomeAboutProjectsBlogContact
Resume
Safdar.

AI Engineer & Full Stack Developer building intelligent systems.

Quick Links

  • Home
  • About
  • Projects
  • Blog
  • Contact
  • Privacy Policy

Connect

safdarayub@gmail.com

Kohat District, KP, Pakistan

© 2026 Safdar Ayub. All rights reserved.RSS Feed
  1. Home
  2. Projects
  3. AHF Auto Parts
Back to Projects
Platinum TierFull Stack

AHF Auto Parts — JDM E-Commerce Platform

Production-grade e-commerce platform for a Japan-based auto parts business — vehicle compatibility lookup, Stripe checkout, admin dashboard, and full order management.

Last updated April 2026

View on GitHubLive Site

Overview

A production-grade e-commerce platform built for a Japan-based auto parts business. The platform supports the complete customer journey — browsing by vehicle or category, cart management, Stripe and bank transfer checkout, order tracking, and a full admin dashboard for business operations.

Markets: Japan · Pakistan · International. Parts catalogue covers genuine OEM, new aftermarket, and graded used parts (Grade A–D), all sourced directly from Japan.

Key Features

AreaFeatures
StorefrontVehicle compatibility lookup (Make → Model → Year cascade), product catalog with search/filter/sort, image gallery, stock status
Cart & CheckoutZustand cart drawer, wishlist with badge, Stripe Checkout, manual bank transfer, 30-min stock reservation to prevent overselling
Auth & AccountGoogle OAuth + credentials (NextAuth.js v5), order history, saved addresses, wishlist management
Admin DashboardProduct manager (Cloudinary upload), order status updates, customer list, vehicle/category management, inquiry inbox, Recharts analytics
SEO & PerformanceJSON-LD structured data, XML sitemap, SSG + ISR (60s), WebP/AVIF via Cloudinary CDN, Open Graph per page

Architecture Highlights

  • SSG + ISR for storefront pages; SSR for auth-protected account and admin routes
  • Upstash Redis for rate limiting across API routes
  • Zustand stores (cart + wishlist) persisted to localStorage
  • Cloudinary + browser-image-compression for optimized product imagery
  • Resend for transactional emails (order confirmation, shipping updates)
  • 30-minute stock reservation TTL to prevent checkout race conditions

Roadmap

  • Phase 2 — AI Features: Semantic search (pgvector), AI chatbot (Vercel AI SDK), smart recommendations, abandoned cart recovery
  • Phase 3 — Growth: B2B portal, multi-language (JP/EN), calculated shipping rates, loyalty program
Tech Stack
Next.jsTypeScriptPostgreSQLPrismaNextAuth.jsStripeCloudinaryZustandUpstash Redis

Interested in similar work?

I build AI agents, full-stack applications, and cloud-native systems. Let's discuss your next project.

Get in Touch

Other Projects

Personal AI Employee screenshot
Platinum TierAI Agents
Personal AI Employee

A 24/7 autonomous AI agent that monitors Gmail, WhatsApp, and filesystem — drafts responses on a cloud VM while you're offline, then executes with your approval when you reconnect.

PythonFastMCPClaude CodeGmail OAuth2Playwright
View DetailsGitHub
Campaign Manager screenshot
Full Stack
Campaign Manager

A CRM prototype with contacts CRUD, audience segmentation rule builder, multi-step campaign wizard, and analytics dashboard — powered by Prisma and Turso.

Next.js 16TypeScriptTailwind CSSShadCN UIPrisma
View DetailsGitHub
AI Video Generation Agent screenshot
AI Agents
AI Video Generation Agent

Type a prompt, get a full 4-minute motion graphics video with narration — completely AI-generated.

TypeScriptReactRemotionClaude CodeGemini TTS
View DetailsGitHub