PROJECT

Amritha

A premium heritage hotel platform featuring immersive virtual tours, elegant room showcases, dining experiences, and a modern booking interface for luxury hospitality.

TypeHospitality Platform
RoleFrontend Developer
Timeline2024-2025
StatusLive
ReactTypeScriptViteTailwind CSSFramer MotionDjango REST APIPostgreSQLCloudinaryEmailJSMarzipano 360°Swiper.js
01

Project Overview

Amritha Heritage is a luxury heritage hotel platform designed to showcase premium accommodations, dining experiences, and cultural ambiance through a modern digital interface. Built with React and TypeScript, the platform includes immersive virtual room tours, elegant UI animations, responsive layouts, and seamless booking inquiries powered by backend APIs.

Target Audience

Luxury travelers, heritage tourism enthusiasts, event planners, and guests seeking premium accommodation experiences.

Business Goal

To create an immersive online presence that reflects the elegance of heritage hospitality while enabling visitors to explore rooms, dining options, and services before making reservations.

02

Key Features

🏛️

360° Virtual Room Tours

Interactive panoramic tours allowing users to explore rooms and spaces with seamless navigation and immersive viewing experience.

🍽️

Dining Experience Showcase

Dedicated sections highlighting restaurant ambiance, menu offerings, and curated dining experiences available at the hotel.

🛏️

Room Showcase & Booking Inquiry

Detailed room pages with amenities, images, pricing information, and inquiry forms for reservation requests.

📧

Automated Email Communication

Email notifications for booking inquiries and contact submissions using EmailJS integration.

🎨

Premium UI & Animations

Elegant visual design enhanced with smooth animations using Framer Motion for a refined user experience.

🛒

Interactive Reservation Flow

User-friendly interface guiding visitors through room selection and inquiry submission processes.

📱

Fully Responsive Design

Mobile-first layout ensuring seamless performance across smartphones, tablets, and desktops.

⚡

Performance Optimized

Fast loading times achieved through modern build tools, optimized assets, and CDN-based image delivery.

03

Technology Stack

Frontend

ReactTypeScriptVite Build ToolTailwind CSSFramer MotionSwiper.jsResponsive Design

Backend

Django REST FrameworkPostgreSQL DatabaseAPI IntegrationCORS Configuration

Database

PostgreSQLCloudinary Media Storage

Apis

Room Booking APIEmailJS ServiceCloudinary Image DeliveryContact Form API

Tools

Vite Development ServerESLintAutoprefixerPostCSSEnvironment Configuration