Features of this application

Authentication

1. AUTHENTICATION & AUTHORISATION
2. SIGN UP, LOGIN and LOGOUT
3. USER
4. GET Current user information
5. UPDATE Current user information: name, password, avatar

Booking

1. GET all bookings information
2. Filtering, Sorting, Pagination on Bookings List
3. GET Booking Details by ID - return all booking details and cabins, guests information related to this booking ID.
4. DELETE a booking with ID

Checkin - Checkout

1. UPDATE Checkin / Checkout information on a booking with a ID
2. Dashboard
3. Filter, Display recent bookings information by last 7, 30 and 90 days with Charts
4. Display statistic information such as: Bookings, Sales, Checkins, Occupancy Rate

Chalets

1. GET ALL chalets information
2. CREATE and UPDATE Chalet Information
3. DELETE a chalet with an ID

Settings

1. Including Form to update min, max booking length, max guest per booking, break fast price information on a chalet

How is this application built -

Relational Data modeling with Supabase

Building large React application with best libraries in React Ecosystem

Managing Remote Server state in application with React Query, there's no Redux in this application

Managing Complex Form Fields State & validation with React Hook Form.

Write highly reusable React Functional Component, with custom styling by leveraging styled-component

Examples: Reusable Modal Component, Confirm Component, and Table Component with custom styling, and Compount Pattern, Select, Client Side Sort, Filter, Pagination...

This application built with Performance and Accessibility in mind.

Applied Advanced React Patterns likes Custom Hooks, High Order Component (HOC), Render Props, Compound components.

Error Boundaries for production