DevxSubh
I develop 3D visuals, user interfaces and web applications.
Loading...0%
DevxSubh
DevxSubh
Menu
Menu
Close
Close
Back to projects
ESrent.ae - Luxury Car Rental Platform

ESrent.ae - Luxury Car Rental Platform

Built a comprehensive luxury car rental platform for the UAE market using Next.js 15 with App Router, TypeScript, and MongoDB. The platform features a sophisticated admin panel for managing vehicles, brands, categories, and reviews, along with a modern customer-facing interface with advanced search, dynamic pricing, and video testimonials.

Timeline

2 months

Role

Full Stack

Team

Team of 2

Status

Completed
Live Demo

Technology Stack

Next.js

TypeScript

MongoDB

TailwindCSS

Cloudinary

TanStack QueryJWT

Framer Motion

Tiptap

Shadcn/ui

Key Features

Luxury Car Catalog with premium vehicles from top brands (Ferrari, Lamborghini, Rolls-Royce, etc.)
Advanced Search with real-time filters for brand, category, price range, and specifications
Review System with customer reviews, ratings, and admin moderation
Video Testimonials with interactive video carousel showcasing customer experiences
Admin Dashboard with comprehensive analytics and car management
Car Management with full CRUD operations and Cloudinary image uploads
JWT-based Authentication for secure admin access
Media Management with Cloudinary integration for image/video uploads

Key Learnings

  • Next.js 15 App Router architecture and server components
  • TypeScript best practices for type-safe full-stack development
  • TanStack Query for efficient data fetching and caching
  • Cloudinary integration for media management and optimization
  • Shadcn/ui component library and TailwindCSS utility-first approach
  • JWT authentication and secure API route implementation

Key Challenges

  • Implementing real-time search with complex filtering across multiple vehicle attributes
  • Optimizing image loading and performance with Cloudinary integration
  • Building a scalable admin panel with comprehensive CRUD operations
  • Managing state across complex forms with TanStack Query
  • Handling video testimonials with efficient carousel implementation
  • Ensuring data consistency with MongoDB transactions and validation

Impact & Results

Launched fully functional luxury car rental platform for the UAE market
Implemented comprehensive admin panel reducing content management time by 80%
Integrated Cloudinary reducing image load time by 60%
Achieved 95+ Lighthouse performance score
Implemented secure authentication system with zero security incidents

Future Enhancements

Add Algolia search integration for enhanced search capabilities
Implement real-time booking calendar and availability system
Add payment gateway integration (Stripe/PayPal)
Create mobile app using React Native

Previous Project

Vertical Elevators - Brand Kit & Identity Guidelines

Next Project

Wonder Creative Studios

Related Projects

Based on technology stack and category similarity

Wonder Creative Studios

Completed

An agency portfolio website built with Next.js featuring a comprehensive admin panel where I learned and implemented CRUD operations. The platform showcases services, portfolio, and blog content with an AI-powered chat assistant. Built using multiple component libraries including shadcn/ui, magic ui, and other modern UI frameworks, integrated with Cloudinary for image management.

Technologies:

Next.jsReactTypeScriptMongoDB+4

NetHuddle — Multi-Protocol Real-Time Communication Platform

Completed

Production-style networking showcase: Next.js client with chat, TCP/WebSocket file transfer, WebRTC A/V, local network discovery, QUIC/HTTP3 streaming (aioquic), MongoDB-backed rooms and presence, JWT (RS256) auth, friend graph, and Prometheus metrics—unifying multiple transports behind one product narrative.

Technologies:

Next.jsReactTypeScriptNode.js+11