-
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
The WildHut Project Dashboard is built using the following technologies:
- React
- React Query
- React Router DOM
- Tailwind CSS
- Supabase
- rechart
- toast
- date fns
- 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.
To get started with the WildHut Project Dashboard, follow these steps:
- Installation: Clone the repository to your local machine.
git clone https://github.com/shawkysobhy/Wild-Hut-Dashboard.git
This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
Currently, two official plugins are available:
- @vitejs/plugin-react uses Babel for Fast Refresh
- @vitejs/plugin-react-swc uses SWC for Fast Refresh