Wild Oasis Admin

---

The Wild Oasis Admin is a comprehensive hotel management dashboard designed for hotel employees. It streamlines operations by providing tools to manage cabins, bookings, guests, and payments while offering insightful analytics on sales and occupancy.

🏨 I have also developed a Customer Booking Platform

Wild Oasis Booking is a platform that allows potential and actual guests to explore The Wild Oasis Hotel, browse cabins, and reserve their stays with ease. The app focuses on a smooth user experience with secure authentication and a reservation management system.

👉 Customer Live Link: https://the-wild-oasis-customer-website-rabiul.vercel.app/

✨ Key Features of Wild Oasis Admin

• 🔐 Secure Authentication: User authentication, Employee-only access powered by Supabase managed via RLS policies.
• 🏠 Cabin Management: Full CRUD operations for cabins including image uploads.
• 📅 Booking Management: Streamlined check-in and check-out processes for guests.
• 👤 Guest Handling: Efficient management of guest information and history.
• 💳 Payment Confirmation: Verify and record payments directly during the check-in process.
• 📊 Dashboard Analytics: Real-time insights into sales, occupancy rates, and stay duration statistics.
• 🌙 Dark Mode: Fully supported application-wide dark mode for visual comfort.
• ⚙️ App Settings: Configurable global settings for breakfast prices, minimum/maximum nights, and more.

🛠 Tech Stack

• React: Modern UI library for building interactive interfaces.
• Supabase: Backend-as-a-Service providing Authentication, Database, and Storage.
• Styled Components: Component-level styling with CSS-in-JS.
• React Query (TanStack Query): Powerful asynchronous state management.
• React Router: Client-side routing for seamless navigation.
• React Hook Form: Performant and flexible form validation.
• Date-fns: Modern date utility library.
• Recharts: Composable charting library for analytics.
• Vercel: High-performance deployment and hosting.

🚀 Getting Started Locally

Follow these steps to set up the project locally on your machine.

1. Clone the repository

   git clone https://github.com/rabiul7772/wild-oasis-admin-website.git
   cd wild-oasis-admin-website

2. Install dependencies

   npm install

3. Configure Environment Variables Create a .env file in the root directory and add your Supabase credentials:

   VITE_SUPABASE_URL=your-supabase-url
   VITE_SUPABASE_ANON_KEY=your-supabase-anon-key

4. Run the development server

   npm run dev

5. Access the application Open your browser and navigate to http://localhost:5173 to access the application.

👨‍💻 Author

MD Rabiul Akand
Full-Stack Developer