/Wild-Hut-Dashboard

WildHut Dashboard offers seamless guest booking management, encompassing check-ins, check-outs, and cabin data, all underpinned by robust authentication and authorization mechanisms for enhanced security and control.

Primary LanguageJavaScript

WildHut Dashboard

screenshot

  • WildHut Dashboard offers seamless guest booking management, encompassing check-ins, check-outs, and cabin data, all underpinned by robust authentication and authorization mechanisms for enhanced security and control.

  • Manage bookings, guests, and cabins for efficient check-in/out operations and up-to-date information with supabase backend.

  • Implemented pagination, filtering, dark mode, authentication and data caching with React Query to provide an opti- mized user experience, including prefetching for seamless data loading.

  • Implemented an optimized file structure with code splitting for improved performance and utilized component code reusability

Technology Stack

The WildHut Project Dashboard is built using the following technologies:

  • React
  • React Query
  • React Router DOM
  • Tailwind CSS
  • Supabase
  • rechart
  • toast
  • date fns

Features

  • Booking Management: Easily create, update, and delete bookings for rooms and cabins.
  • Guest Management: Maintain a database of guest information, including contact details and preferences.
  • Price and Discount Management: Set and adjust prices for different rooms and cabins, as well as apply discounts as needed.
  • Check-in and Check-out Processes: Streamline the check-in and check-out processes for guests, ensuring a smooth experience.
  • Data Management: Access and edit comprehensive data about rooms, cabins, and other relevant aspects of the property.
  • Filteration and Pagination: Efficiently navigate through large datasets with built-in filtering and pagination features.
  • Dark Mode: Switch between light and dark modes for improved visibility and reduced eye strain, especially in low-light environments.
  • Authentication: Secure user authentication to control access and protect sensitive information. Includes a signup process for new users.
  • Mini UI for Day-to-Day Work: Access a simplified interface for quick day-to-day tasks, providing easy access to essential functions.
  • Analysis Graphs: Visualize key metrics and analytics through interactive graphs and charts, allowing for data-driven decision-making.
  • Responsive Design with Horizontal Scrolling: Tables are responsive and include horizontal scrolling to ensure optimal viewing and usability on various screen sizes.

Getting Started

To get started with the WildHut Project Dashboard, follow these steps:

  1. Installation: Clone the repository to your local machine.
    git clone https://github.com/shawkysobhy/Wild-Hut-Dashboard.git

React + Vite

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available: