Code Monkey home page Code Monkey logo

m6526 / wild-oasis Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 1.0 3.18 MB

Introducing The Wild Oasis Hotel Booking App ๐Ÿจ๐ŸŒดโœจ: a cutting-edge solution for seamless accommodation booking. With personalized cabins, advanced filtering options, and insightful dashboards, users experience a new level of convenience. Real-time email authentication and delightful toast notifications ensure a secure and user-friendly experience.

Home Page: https://wild-oasis-chi.vercel.app

HTML 0.51% JavaScript 99.49%
react-error-boundaries react-hook-forms react-icons react-query react-query-devtools react-router react-router-dom react-toaster recharts styled-components

wild-oasis's Introduction

The Wild Oasis Hotel Booking App ๐Ÿจ๐ŸŒด

Welcome to The Wild Oasis, a cutting-edge hotel booking application built with React+Vite and SupaBase for a seamless user experience. ๐Ÿš€

Overview

The Wild Oasis is a feature-rich hotel booking app offering personalized cabin creation, advanced filtering options, and effortless booking management. With real-time authentication and insightful dashboards, it's designed to revolutionize the way users book and manage accommodations. The app is powered by Vite for lightning-fast performance. โšก

๐Ÿš€ Features

  • Custom Cabin Creation: Personalize your cabin with uploaded images and discounts.
  • Advanced Filtering Options: Filter cabins based on discounts, price ranges, and more.
  • Effortless Booking Management: Seamlessly manage bookings, categorize by check-in/out dates, and monitor reservations.
  • Real-time Email Authentication: Secure login system powered by Supabase ensures privacy, with real-time email verification.
  • Insightful Dashboard: Gain valuable insights with comprehensive graphs and charts, including booking trends over different time frames (last 7, 30, and 90 days).
  • Light and Dark Mode: Customize your viewing experience with themes.
  • Robust Error Handling: React Error Boundary ensures a smooth user experience.

Booking Management

Creating a Booking

  1. Navigate to the "Bookings" section.
  2. Click "Create Booking".
  3. Enter check-in/out dates and guest details.
  4. Confirm booking.

Managing Bookings

  1. View all bookings and filter as needed.
  2. Edit, delete, or monitor unconfirmed bookings.

Insightful Dashboard

  1. Access comprehensive graphs showing booking trends over different time frames (last 7, 30, and 90 days).

Cabin Management

Creating a Cabin

  1. Navigate to the "Cabins" section.
  2. Click "Create Cabin".
  3. Enter cabin details and save.

Editing and Deleting Cabins

  1. View all cabins and edit/delete as needed.

User Management

User Authentication

  1. Users log in with email and password.
  2. Real-time authentication ensures only verified users access the app, with email verification.

Account Details and Password Update

  1. Users can update account details and change passwords securely.

Settings

  1. Toggle between light and dark mode themes.
  2. Adjust pricing preferences and other settings.

Tech Stack

  • React: Frontend framework.
  • React Router: Navigational components.
  • React Query: Data fetching and caching.
  • Supabase: Backend service for authentication and database.
  • Recharts: Charting library for data visualization.
  • Styled Components: Styling React components.
  • Vite: Frontend build tool for fast development.
  • React Icons: Icon library for easy integration of icons.
  • Date-fns: Library for date formatting and manipulation.
  • React Hook Form: Library for form validation and management.
  • React Hot Toast: Notification library for displaying toast messages.

๐Ÿš€ Getting Started

  1. Clone the repository.
  2. Install dependencies with npm install.
  3. Start the development server with npm run dev.

๐Ÿค Contributing

Contributions are welcome! Please follow our Contribution Guidelines.

๐Ÿ“„ License

This project is licensed under the MIT License.

Happy booking! ๐ŸŒŸ๐Ÿจ

Screenshot (790) Screenshot (791) Screenshot (792) Screenshot (793) Screenshot (794) Screenshot (795) Screenshot (796) Screenshot (797) Screenshot (798) Screenshot (799) Screenshot (809) Screenshot (800) Screenshot (801) Screenshot (802) Screenshot (810) Screenshot (811) Screenshot (803) Screenshot (804) Screenshot (805) Screenshot (806) Screenshot (807) Screenshot (808)

wild-oasis's People

Contributors

m6526 avatar

Watchers

 avatar

Forkers

maddiex

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.