SK Logo
Linear Logo

Adventure Rentals Offroad

Multi-Vendor Vehicle Rental Marketplace

Next.jsTypeScriptTailwind CSSReact Hook Form

Role: Frontend Developer•Duration: 5–6 Months

Case Study Overview

Multi-vendor vehicle rental platform with booking, payments, and real-time communication.

Project Overview

Multi-role vehicle rental system with users, vendors, and admin dashboards.

Highlights

  • Multi-vendor system
  • User / Vendor / Admin roles
  • Vehicle booking system
  • Real-time messaging
  • Scalable architecture

Role-Based Features

User Features

  • ›Browse vehicles
  • ›Book vehicles
  • ›Track bookings
  • ›Payments
  • ›Messaging

Vendor Features

  • ›Manage vehicles
  • ›Upload documents
  • ›Track bookings
  • ›Earnings dashboard

Admin Features

  • ›Monitor system
  • ›Manage users/vendors
  • ›Handle disputes
  • ›System control

My Responsibilities

  • Built full multi-role frontend
  • Designed routing system
  • Built booking system
  • Implemented real-time features

Vehicle System

  • Multi-step vehicle creation
  • Image/document upload
  • Feature tagging
  • Draft saving

    • Booking System

  • Vehicle browsing
  • Booking workflow
  • Status tracking
  • History management

    • Admin System

  • User/vendor monitoring
  • Booking overview
  • System analytics

    • Auth System

  • Firebase auth
  • OTP verification
  • Role-based routing

    • Real-Time Features

  • Pusher messaging
  • Live notifications
  • Booking updates

    • UI System

  • Tailwind UI system
  • Radix + shadcn
  • Framer Motion animations

    • Performance

  • Lazy loading
  • Optimized rendering
  • Efficient state handling

    • Summary

    Multi-vendor rental platform with real-time communication and scalable role-based architecture.

    Private production system.

    View Project

    Project Details

    My Role

    Frontend Developer

    Duration

    5–6 Months

    Project Type

    Private Production System

    Technologies

    Next.jsTypeScriptTailwind CSS+7 more

    Why This Project Matters

    Multi-vendor rental platform with real-time communication and scalable role-based architecture.

    Full Tech Stack

    Next.jsTypeScriptTailwind CSSReact Hook FormZodFramer MotionFirebaseshadcn UIAnimated UIStripe

    Key Highlights

    • Multi-vendor system
    • User / Vendor / Admin roles
    • Vehicle booking system
    • Real-time messaging
    • Scalable architecture