Hatimi Retreats

Hatimi Retreats is a hospitality brand offering peaceful getaways in destinations like Matheran, Lonavala, Dumas, Panchgani, and Mt. Abu. The Hatimi website was designed as a complete digital platform that reflects the brand’s essence of serenity, cultural authenticity, and nature-inspired living.

The platform features a fully responsive hotel booking system, ensuring seamless accessibility across devices while maintaining speed and usability. A carefully crafted visual identity—inspired by olive and sidr trees—was implemented through logo design, typography, and a nature-themed color palette. Each retreat location is represented with distinctive tones, such as lush greens, golden sands, water blues, and windy peaks, to align with the unique charm of the property.

vinay ramdas | frontend developer

Project Overview

Hatimi Retreats is a hospitality brand offering tranquil homestay experiences across serene locations in India, including Matheran, Lonavala, Dumas, Panchgani, and Mt. Abu. The Hatimi website serves as a digital gateway—communicating the brand’s values of authenticity, tranquility, and community-focused hospitality through a cohesive visual and interactive experience.

  • Search: user selects location, check-in & check-out, number of guests → frontend calls /api/search returning matching properties + rooms with availability and price calculation.

  • Choose Property & Room: user selects property → chooses preferred room type and number of rooms. Frontend displays real-time price breakdown (nights × price + taxes + extras).

  • Pre-check Availability: before checkout, call /api/check-availability to lock or verify availability for selected room(s)/dates.

  • Guest Details & Add-ons: user provides name, email, phone, guest count, and optional extras (airport pickup, breakfast).

  • Create Pending Booking: frontend posts to /api/bookings/create → server creates a booking with payment_status = pending and returns a booking_id and payment payload.

  • Payment: frontend initiates payment flow with Razorpay/Stripe using the booking_id and amount. For Razorpay: create an order on server (/api/payments/create-order) then open the Razorpay checkout on client.

  • Payment Callback: payment gateway calls webhook or frontend returns with payment success details → server verifies signature and marks booking payment_status = success or failed.

  • Confirmation: on success, send booking confirmation email & SMS with booking ID and details; show confirmation page.

Key Features

  • Intuitive room search and filtering

  • Secure booking management system

  • Responsive Hotel Booking Platform

  • Real-time availability checking

  • Guest review and rating system

  • Mobile-responsive design

Challenges & Solutions

Creating seamless booking flow

Implementing real-time availability updates

Building responsive design for all devices

Optimizing user experience for conversions

Project Info

Type

Web Application

Category

Travel/Hospitality

Client

Hatimi Hotels

Scroll to Top