A sleek and responsive booking interface for The Wild Oasis, where guests can explore cabins, choose dates, and make reservations with ease. Built with modern web technologies, the site is designed to offer a seamless user experience.
🚀 Live Demo: wild-oasis-demo-one.vercel.app
)
)
)
- ✅ Fully responsive customer-facing booking system
- 🏕️ Displays cabin listings with filtering options
- 📅 Intuitive date range selection for reservations
- 📃 Summary UI for reservations including pricing and guest count
- 🔒 Authentication via NextAuth (Google Sign-in)
- 🌐 Deployed on Vercel for fast performance and scalability
- Frontend: Next.js (App Router)
- UI Framework: Tailwind CSS
- Authentication: NextAuth (Google Provider)
- Form Handling: Native HTML FormData + React Context
- State Management: Context API
- API & Backend: SupaBase
- Deployment: Vercel
git clone https://github.com/Sparsh12321/Wild_Oasis-Customer.git
cd Wild_Oasis-Customer
npm installCreate a .env.local file in the root with the following keys:
AUTH_GOOGLE_ID=your_google_client_id
AUTH_GOOGLE_SECRET=your_google_client_secret
NEXTAUTH_SECRET=some_random_secret
API_URL=https://your-api-url.comnpm run devOpen http://localhost:3000 to view it in your browser.
📦 Wild_Oasis-Customer
┣ 📂 app
┃ ┣ 📂 _components → Shared UI components
┃ ┣ 📂 cabins → Cabin listing and details
┃ ┣ 📂 reserve → Reservation form & logic
┃ ┣ layout.jsx → Root layout
┃ ┣ page.jsx → Main homepage
┣ 📂 public → Static assets (e.g., screenshots)
┣ 📜 tailwind.config.js
┣ 📜 next.config.js
┣ 📜 README.md- Inspired by the "Wild Oasis" project idea from Jonas Schmedtmann’s course
This project is licensed under the MIT License.
Sparsh Jain
🔗 LinkedIn
📬 jainsparsh231@gmail.com