Portfolio

Loading experience...

Portfolio

Autohive – Car Dealing Web Platform

A scalable and AI-powered car dealing platform with clean UI/UX, built using Next.js, TypeScript, Prisma, PostgreSQL, and AWS S3 for seamless dealer-customer interaction.

Aug 2025
1 Repository

Technology Stack

Next.js 15
TypeScript
Tailwind CSS
Shadcn/ui + Radix UI
Framer Motion
Prisma ORM
PostgreSQL
Redis (Upstash)
AWS S3
Imgix
OpenAI
Google Gemini
NextAuth.js
Resend

Key Features

AI-powered vehicle search and recommendations
Comprehensive car inventory system
Advanced CRM with customer lifecycle tracking
Real-time analytics dashboard for sales KPIs
Multi-step car booking process
Favorites system with user personalization
NextAuth.js authentication with OTP & 2FA
AWS S3 + Imgix integration for image optimization
Redis-based caching and rate limiting
Responsive dark/light mode UI with animations

Tags

Next.js
TypeScript
Prisma
PostgreSQL
OpenAI
Google Gemini
AWS S3
Imgix
Redis
NextAuth

Project Details

A premium AI-powered car dealership platform that modernizes vehicle inventory, customer management, and sales tracking with advanced search, CRM, and analytics features.

System Architecture:

Full-Stack SaaS Application (1 Repository)

  • Frontend: Next.js 15 (App Router) with TypeScript and Tailwind CSS
  • Backend: Node.js API routes with Prisma ORM and PostgreSQL
  • Authentication: NextAuth.js with OTP and optional 2FA
  • Database: Relational schema for cars, customers, and sales tracking
  • AI Integration: OpenAI & Google Gemini for intelligent search and recommendations
  • Media & Storage: AWS S3 for images with Imgix optimization
  • Cache & Performance: Redis (Upstash) for rate limiting and caching
  • Email System: Resend with transactional templates

Intelligent Car Dealing Flow:

Customer Journey

  1. Browse & Discover: Users explore vehicles with intuitive filtering by make, model, price, and more
  2. AI Search: Natural language queries return intelligent recommendations
  3. Favorites System: Customers save vehicles for later comparison
  4. Booking Process: Multi-step car reservation flow with validation
  5. CRM Integration: Dealers manage customers with full lifecycle tracking
  6. Analytics Dashboard: Real-time sales KPIs and inventory metrics

Advanced Features:

AI & Automation

  • AI-Powered Search: Natural language and recommendation engine powered by OpenAI & Gemini
  • Smart Filtering: Advanced vehicle search with model taxonomy
  • Customer Insights: CRM with lifecycle journey tracking

Media & Image Management

  • AWS S3 Multipart Uploads: Secure and scalable image storage
  • Imgix Integration: Responsive and optimized car images
  • Drag-and-Drop Reordering: Easy image management in admin panel

Security & Authentication

  • NextAuth.js: Email-based login with OTP verification
  • Two-Factor Authentication: Optional 2FA for admins
  • CSRF Protection: Secure session handling
  • Rate Limiting: Redis-powered request throttling

Technical Implementation:

Frontend

  • Modern Design: Tailwind CSS + Shadcn/ui with Radix UI components
  • Animations: Framer Motion for smooth transitions
  • Responsive: Fully mobile-optimized interface
  • Skeleton Loaders: Seamless loading states

Backend

  • Prisma ORM: Type-safe database queries and migrations
  • PostgreSQL: Structured relational database
  • Server Actions: Next.js App Router with API routes
  • Redis: Optimized caching and performance throttling

Administrative Features:

  • Admin Dashboard: Real-time analytics and vehicle management
  • Customer Relationship Management: Full lifecycle and engagement tracking
  • Inventory Control: Add, update, and manage classified listings
  • Sales Metrics: KPI monitoring with visual analytics
  • Role-Based Access: Secure admin vs customer dashboards

Advanced System Features:

User Experience

  • Dark/Light Theme: System-aware theming
  • Interactive UI: Shadcn/ui + custom components
  • Mobile-First Design: Optimized layouts for all devices
  • Intuitive Booking Flow: Multi-step guided process

Deployment & Scaling

  • Dockerized Builds: Production-ready environment
  • Cloud Infrastructure: AWS S3, Redis (Upstash), PostgreSQL
  • CI/CD Ready: Structured environment setup and migrations

Business Impact:

AutoHive transforms the traditional car dealership experience into a modern digital platform. Customers gain intelligent AI-driven search, favorites, and booking, while dealers benefit from powerful CRM, inventory management, and real-time sales analytics.

This project showcases expertise in AI integration, enterprise SaaS design, authentication & security, advanced search systems, and full-stack Next.js development for high-performance platforms.