Veluxora
Premium dark-luxury car rental platform with cinematic UI.
🎯 The Goal
Design and build a world-class, luxury car rental platform that rivals commercial services — with cinematic visuals, secure bookings, and a seamless end-to-end user experience.
Tech Stack & Architecture
Frontend
Next.js 14 App Router with Framer Motion for cinematic hero animations and page transitions. Tailwind CSS v4 for the dark luxury design system.
Backend API
Express.js REST API with full CRUD for car listings, bookings, and user management — deployed separately on Render.
Authentication
NextAuth.js with JWT and JWKS verification for stateless, highly secure session management across Next.js client and server components.
Database
MongoDB Atlas with indexed collections for fast car listing queries, booking conflict detection, and user history retrieval.
Key Challenge
The most complex part was implementing JWT-based authentication that works seamlessly across Next.js App Router's server components, client components, and the separate Express.js API — all while preventing token leakage and ensuring booking data is always user-scoped.
The Solution
Used NextAuth's JWT callback to embed custom claims (userId, role) into the token. The Express API verifies tokens using a JWKS endpoint exposed by NextAuth — creating a stateless, cryptographically secure bridge between the two systems without sharing secrets.
🚀 Results & Impact
- Cinematic hero slider with 60fps Framer Motion transitions elevates perceived quality
- Date-range conflict detection prevents double-bookings at the database query level
- Stateless JWT auth eliminates session storage overhead and scales horizontally
- Full CRUD admin panel built with React Hook Form for zero-boilerplate form validation
🔮 Future Plans
"Adding an admin dashboard for booking management, implementing real-time booking status updates with WebSocket, adding payment gateway integration, and building a review and rating system for each vehicle."