Welcome to the CasaStay Hotel Booking System Frontend 🎉 – a modern web application built with React + Vite + TailwindCSS to deliver a seamless hotel booking experience with rich UI/UX enhancements.

• 🔎 Search & Filtering – Find hotels by location, price, amenities, and room type.
• 🏨 Hotel & Room Details – Images, descriptions, amenities, bed type, views, capacity.
• 📅 Availability Calendar – Check room availability instantly for selected dates.
• 🛏️ Room Booking Flow – Select dates, guests, special requests, and confirm booking.
• 💳 Stripe Payment Integration – Secure card payments & digital wallets.
• 🎁 Special Offers – Apply promo codes & discounts during checkout.
• 🪙 Loyalty Coins – Earn coins for bookings above ₹1000.
• ☑️ ID verification - Handled ID verification (manual/AI/ocr).
• 💬 Reviews & Ratings – Only verified guests can submit reviews after stays.
• 👤 User Profiles – Manage personal info, view booking history, and saved favorites.
• 📧 Notifications – Booking confirmations & reminders.
• 📱 Responsive UI – Mobile-first, fully optimized with TailwindCSS.

• ⚛️ React 18 + Vite – Fast and modern React setup.
• 🎨 TailwindCSS – Utility-first responsive design.
• 🔐 React Router – Routing and protected routes.
• 🍞 React Hot Toast – Notifications (smart positioning so it doesn’t overlap navbar).
• 📦 Axios – API communication.
• 🗂 React Context API – State management (no Redux needed).

• 🌈 Gradient layouts, modern modals with outside click-to-close.
• 📊 Booking success page redesigned with summaries & loyalty rewards.
• 🛡️ Conditional rendering of review forms (only verified users after paid stay).
• 🧭 Admin panel excluded from user navbar after logout.
• 📱 Mobile bottom navigation for user & admin flows.
• 🖼️ Placeholder “No offers / No reviews” messages to avoid user confusion.

# clone repo
git clone https://github.com/Aarthi1720/frontend
cd casastay-frontend

# install dependencies
npm install

# run locally
npm run dev

# build for production
npm run build

Create a .env file with:

VITE_API_BASE_URL=http://localhost:5000/api
VITE_STATIC_URL=http://localhost:5000/
VITE_STRIPE_PUBLISHABLE_KEY=your_stripe_publishable_key

Frontend: https://hotel-booking-frontend-beige.vercel.app/ Backend API (read-only docs): https://hotel-booking-backend-ruqd.onrender.com/

Admin (demo)

• Email: sweetaarthi1705@gmail.com
• Password: 123456

User (demo)

• Email: sweetaarthi1720@gmail.com
• Password: 987654

These are demo accounts for evaluation on the hosted site only.