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.
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/searchreturning 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-availabilityto 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 withpayment_status = pendingand returns abooking_idand 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 = successorfailed.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