the-wild-oasis

所属分类:MongoDB
开发工具:TypeScript
文件大小:0KB
下载次数:0
上传日期:2023-08-02 15:27:32
上 传 者sh-1993
说明:  内部酒店管理系统允许员工管理关于酒店预订、客舱和客人的一切。,
(An internal hotel management system allows employees to manage everything about hotel bookings, cabins, and guests.,)

文件列表:
.eslintrc.json (40, 2023-11-24)
LICENSE (1094, 2023-11-24)
app/ (0, 2023-11-24)
app/(auth)/ (0, 2023-11-24)
app/(auth)/login/ (0, 2023-11-24)
app/(auth)/login/page.tsx (539, 2023-11-24)
app/(home)/ (0, 2023-11-24)
app/(home)/accounts/ (0, 2023-11-24)
app/(home)/accounts/page.tsx (903, 2023-11-24)
app/(home)/bookings/ (0, 2023-11-24)
app/(home)/bookings/[bookingId]/ (0, 2023-11-24)
app/(home)/bookings/[bookingId]/loading.tsx (191, 2023-11-24)
app/(home)/bookings/[bookingId]/page.tsx (399, 2023-11-24)
app/(home)/bookings/check-in/ (0, 2023-11-24)
app/(home)/bookings/check-in/[bookingId]/ (0, 2023-11-24)
app/(home)/bookings/check-in/[bookingId]/loading.tsx (193, 2023-11-24)
app/(home)/bookings/check-in/[bookingId]/page.tsx (529, 2023-11-24)
app/(home)/bookings/page.tsx (492, 2023-11-24)
app/(home)/cabins/ (0, 2023-11-24)
app/(home)/cabins/page.tsx (602, 2023-11-24)
app/(home)/dashboard/ (0, 2023-11-24)
app/(home)/dashboard/loading.tsx (183, 2023-11-24)
app/(home)/dashboard/page.tsx (493, 2023-11-24)
app/(home)/layout.tsx (708, 2023-11-24)
app/(home)/settings/ (0, 2023-11-24)
app/(home)/settings/page.tsx (477, 2023-11-24)
app/(home)/users/ (0, 2023-11-24)
app/(home)/users/page.tsx (308, 2023-11-24)
app/api/ (0, 2023-11-24)
app/api/auth/ (0, 2023-11-24)
app/api/auth/[...nextauth]/ (0, 2023-11-24)
app/api/auth/[...nextauth]/route.ts (165, 2023-11-24)
app/api/booking/ (0, 2023-11-24)
app/api/booking/[bookingId]/ (0, 2023-11-24)
app/api/booking/[bookingId]/route.ts (1198, 2023-11-24)
app/api/booking/check-in/ (0, 2023-11-24)
app/api/booking/check-in/[bookingId]/ (0, 2023-11-24)
app/api/booking/check-in/[bookingId]/route.ts (672, 2023-11-24)
... ...

logo logo

The Wild Oasis is an internal hotel management system built with nextjs13, prisma, MongoDB, typescript, tailwind CSS, and many other technologies. It allows employees to manage everything about hotel bookings, cabins, and guests.

contributors last update forks stars open issues license

View Demo · Documentation · Report Bug · Request Feature


## Features 1. **User Authentication and Signup:** 1. Hotel employees can log in to the application to perform tasks. 2. New users can only be signed up within the application to ensure that only actual hotel employees can create accounts. 2. **User Profile Management:** 1. Users can upload an avatar to personalize their profile. 2. Users can change their name and password. 3. **Cabin Management:** 1. The app provides a table view with all cabins. 2. The table view displays cabin information, including cabin photo, name, capacity, price, and current discount. 3. Users can update or delete existing cabins. 4. Users can create new cabins, including the ability to upload a photo. 4. **Booking Management:** 1. The app provides a table view with all bookings. 2. The table view displays booking information, including arrival and departure dates, booking status, paid amount, cabin details, and guest data. 3. Booking status can be "unconfirmed," "checked in," or "checked out." 4. The table view is filterable by booking status. 5. Additional booking data includes the number of guests, number of nights, guest observations, and whether breakfast was booked and its price. 5. **Booking Operations:** 1. Users can delete, check in, or check out a booking as the guest arrives. 2. On check-in, users can accept payment outside the app and then confirm the payment within the app. 3. Guests can add breakfast for the entire stay during check-in if they haven't already. 6. **Guest Data Management:** 1. Guest data contains full name, email, national ID, nationality, and a country flag for easy identification. 7. **Dashboard:** 1. The initial app screen serves as a dashboard displaying important information for the last 7, 30, or 90 days. 2. It shows a list of guests checking in and out on the current day, and users can perform tasks related to these activities from the dashboard. 3. The dashboard provides statistics on recent bookings, sales, check-ins, and occupancy rates. 4. It includes a chart showing all daily hotel sales, distinguishing between "total" sales and "extras" sales (only breakfast at present). 5. There's also a chart displaying statistics on stay durations, an important metric for the hotel. 8. **Application-wide Settings:** 1. Users can define application-wide settings such as breakfast price, minimum and maximum nights per booking, and maximum guests per booking. 9. **Dark Mode:** 1. The app includes a dark mode option for a different visual appearance and enhanced user experience in low-light conditions.
## :camera: Screenshots login dashboard bookings single-booking
## Installation - Clone the repository: ``` git clone https://github.com/sudeepmahato16/the-wild-oasis.git ``` - Navigate to the project directory: ``` cd the-wild-oasis ``` - Install the dependencies: ``` npm install ``` - Set up the environment variables: 1. Create a `.env` file in the root directory. 2. Add the following variables to the .env file, replacing the placeholder values with your own: ``` DATABASE_URL= NEXTAUTH_SECRET= NEXT_PUBLIC_CLOUDINARY_KEY= ```
## Usage - In the middleware.ts file, make sure to comment out all the routes as shown below: ``` export { default } from "next-auth/middleware" export const config = { matcher: [ // "/dashboard", // "/cabins", // "/settings", // "/bookings", // "/users", // "/accounts" ] } ``` - To upload sample data, kindly remove the comments from the Uploader component within the Sidebar component, as depicted here: ``` "use client"; import React from "react"; import Logo from "./Logo"; import MainNav from "./MainNav"; import { useGlobalContext } from "@/context/GlobalContext"; import Uploader from "@/data/Uploader"; const Sidebar = () => { const { isSidebarOpen } = useGlobalContext(); return ( ); }; export default Sidebar; ``` - Start the development server: ``` npm run dev ``` - Open your browser and visit `http://localhost:3000` to access the application. - Click on the Upload All button in the sidebar to upload sample data. - Click on Users in the sidebar and create a new user. - Once completed, uncomment all the routes in the middleware.ts file and restart the development server. - Finally, log in with the newly created user account.
## Contributing Contributions are welcome! If you want to contribute to this project, please follow these steps: - Fork the repository. - Create a new branch for your feature or bug fix. - Commit your changes to the new branch. - Open a pull request back to the main repository, including a description of your changes.

近期下载者

相关文件


收藏者