Oasis

Demo Link

Test Account Credentials

• Email Address : test@gmail.com
• Password : password123

Tech Stack

                       

Features

• Project Oasis is a Single Page React Application Admin Dashboard built with React. Supabase is used as the backend and React Query is used for remote state management.

• Styled Components is used for styling and Recharts is used for displaying charts, React Router for navigation and routing, React Hook Form for complex form handling and validation.

• The dashboard for Hotel Cabins also has dark and light mode.

• Users of the Web-App are the hotel employees.

• Users can view all the cabins, booking and their account details, edit their profile and they can create new users accounts.

• Cabins and Bookings can be filtered by status and sorted by name, date etc. implemented pagination feature using react-query.

• Users can add, edit, delete and cabins, add cabin images. They can check-in and check-out guests and confirm their payment and they can also change settings of the hotel such as breakfast price, max guests etc.

• Dashboard shows statistics of the hotel like total bookings, total cabins, total guests, total sales, charts for sales and bookings.