Full Stack

ViCity

A production-grade luxury hotel booking platform built end-to-end by TechZunction — from brand identity and UI/UX design to a multi-step booking engine, payment gateway, guest portal, and a comprehensive 12-screen admin dashboard with analytics, audit trails, and reporting.

UI/UX DesignBrandingNext.js 16React 19TypeScriptTailwind CSS 4ZodFramer MotionRechartsRazorpayJWT AuthIndexedDBSharpDockerCI/CDSEOVercel

Visit Live Site

The Problem

Challenge

A boutique luxury property needed a world-class booking platform that could handle the entire guest journey — from browsing rooms and checking availability to multi-step booking with hold timers, payment processing, and post-stay reviews. They also required a comprehensive admin dashboard for property management covering room inventory, dynamic pricing (base, weekend, seasonal, festival), coupon management, guest accounts, payment reconciliation, and audit trails. Off-the-shelf hotel booking systems couldn't deliver the bespoke luxury aesthetic or the depth of admin tooling they envisioned.

Our Approach

Strategy

We owned the full product lifecycle — brand identity (tan #C9A96E, black #1A1A1A, gold #D4AF37), UI/UX design, and end-to-end development. The booking engine features a multi-step flow: search → room selection → hold timer → guest details → coupon application → Razorpay payment → confirmation with receipt. The guest portal includes profile management, booking history, in-app notifications, and review submission. On the admin side, we built 12 management screens with a flat, no-shadow design system: dashboard analytics with Recharts, booking lifecycle management (check-in/out, refunds, audit trail), room type and unit management, calendar-based availability, dynamic pricing rules, amenity CRUD, coupon engine, user management, payment records, review moderation, CSV/PDF report exports, and full audit logging.

The Solution

Result

A production-ready hospitality platform with 50+ pages, 12 admin screens, and an entirely offline-capable mock data layer powered by IndexedDB — perfect for demos, development, and client presentations. The platform handles 18% GST calculation, 10-minute booking hold timers, 48-hour cancellation windows with 25% fees, and configurable property settings. Deployed on Vercel with Docker support and GitHub Actions CI/CD. The mock layer seeds realistic data including 13 bookings, 8 reviews, 6 room types, and multiple pricing rules — making the entire platform functional without any backend dependency.

Screenshots