Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/nikhilmandaliya/the-wild-oasis
Hotel management app that handles sales stats, cabin and user management, bookings, and customization, among other features.
https://github.com/nikhilmandaliya/the-wild-oasis
react react-hook-form react-hot-toast react-icons react-query react-router react-router-dom recharts styled-components supabase supabase-js
Last synced: 11 days ago
JSON representation
Hotel management app that handles sales stats, cabin and user management, bookings, and customization, among other features.
- Host: GitHub
- URL: https://github.com/nikhilmandaliya/the-wild-oasis
- Owner: NikhilMandaliya
- Created: 2023-11-02T15:25:09.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2023-11-26T06:45:01.000Z (12 months ago)
- Last Synced: 2024-10-12T02:40:41.953Z (about 1 month ago)
- Topics: react, react-hook-form, react-hot-toast, react-icons, react-query, react-router, react-router-dom, recharts, styled-components, supabase, supabase-js
- Language: JavaScript
- Homepage: https://nik-the-wild-oasis.netlify.app/
- Size: 2.37 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Welcome to The Wild Oasis, a an internal hotel management system. This web application empowers hotel employees with a comprehensive management system, offering streamlined cabin and booking management alongside insightful analytics.
Live Demo
·
Features
·
What I Learned
·
Getting Started
---
## Live Demo
Explore a live demo [here](https://nik-the-wild-oasis.netlify.app/)
- **Email Address** : `[email protected]`
- **Password** : `test@1234`
---
## Features
1. **Authentication and Signup:**
- Hotel employees log in for task management.
- Signup restricted to ensure valid hotel employee accounts.
2. **User Profile:**
- Avatar upload for personalization.
- Edit name and password.
3. **Cabin Management:**
- View, update, delete cabins.
- Create new cabins with photo upload.
4. **Booking Management:**
- View bookings with status filter.
- Details include dates, status, cabin, guest info.
- Operations: delete, check in/out, and payment confirmation.
5. **Guest Data:**
- Manage guest details with ID, nationality, and flag.
6. **Dashboard:**
- Overview and tasks for the day.
- Statistics on bookings, sales, and occupancy.
- Charts for sales, stay durations.
7. **Settings:**
- Define application-wide settings.
8. **Dark Mode:**
- Enhanced user experience in low-light conditions.
---
## What I Learned
- **Supabase:** Used for user authentication, database management, and overall backend functionality.
- **React Router:** Implemented frontend navigation and routing.
- **Styled Components:** Employed for modular and maintainable styling.
- **React Query:** Leveraged for remote data fetching, caching, and state management.
- **Context API:** Used for centralized UI state management.
- **React Methodologies:** Best practices for creating hooks, reusable components, and other key React methodologies.
This project provided hands-on experience with these technologies and methodologies, contributing to a broader understanding of modern web development practices.
---
## Getting Started
Follow these steps to get started with Fast-React-Pizza:
1. Clone this repository to your local machine:
```
git clone https://github.com/NikhilMandaliya/The-Wild-Oasis.git
```
2. Navigate to the project directory.
```
cd The-Wild-Oasis
```
3. Install the project dependencies:
```
npm install
```
4. Start the development server:
```
npm run dev
```
This will start the Vite development server.
---
## Acknowledgement
* This project is part of the online course I've taken at Udemy. Thanks to Jonas Schmedtmann for creating this awesome course! Link to the course: [The Ultimate React Course 2023: React, Redux & More](https://www.udemy.com/course/the-ultimate-react-course/)