A modern, single-page web app to browse hotels, view rich hotel pages, and book rooms from one place. It also aggregates listings from other platforms (e.g., Booking, MakeMyTrip, Agoda) so users can compare and book from a single website.
- π Search & Filter: City/date/guests, price range, ratings, amenities.
- π¨ Hotel Pages: Photo gallery, room types, amenities, policies, map.
- ποΈ Real-time Availability: Check room availability by date and guests.
- π³ Booking Flow: Select room β guest details β payment (mock/plug-in) β confirmation.
- π§Ύ Bookings Dashboard: See, modify, or cancel your bookings.
- π Multi-Platform Listings: Show prices/links from other platforms side-by-side.
- π Responsive UI: Built with React + Material UI (light/dark).
- π i18n-Ready: Multi-language scaffolding (optional).
- Frontend: React (Vite/CRA/Next.js), Material UI (MUI), React Router
- State: React Query / Redux Toolkit (choose one)
- API: REST/GraphQL backend (Node.js/Express or any), mockable with MSW/JSON Server
- Auth: JWT (access/refresh) or NextAuth (if Next.js)
- Payments: Stripe/Razorpay sandbox (optional)
- Maps: Leaflet/Google Maps (optional)
- Testing: Vitest/Jest + React Testing Library
- Lint/Format: ESLint + Prettier
If you only need a frontend demo for the hackathon, you can use JSON Server or MSW to mock APIs.
git clone https://github.com/gaurav031/Web-Horizon-Hackthone/
cd web-horizon-hackathon
npm install # or yarn / pnpm
npm run dev