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

CareerCoach Pakistan screenshot
Platinum TierSaaS Products
CareerCoach Pakistan

Full-stack SaaS — paste a job description, answer 10 AI-generated questions in English or Urdu, and get instant scored feedback. Subscription billing, Google auth, transactional email, and analytics included.

Next.js 16SupabaseStripeGroq AIResend
View DetailsGitHub
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
AI/ML Job Market Intelligence Pipeline screenshot
ML Pipelines
AI/ML Job Market Intelligence Pipeline

End-to-end ML pipeline that scrapes RemoteOK, clusters jobs with K-Means + TF-IDF, classifies seniority across 3 models, generates LLM market insights via Groq LLaMA 3.3 70B, and pushes automated reports to Google Sheets — all from one API call.

Pythonscikit-learnFastAPIPostgreSQLGroq API
View DetailsGitHub