Project - HOTEL MANAGEMENT SYSTEM

This is internal hotal management system used by employees or owner to manage booking, cabins and guests.

Features

• Authentication
• Cabins
• Bookings
• Check In/Out
• Guests
• Dashboard
• Additional settings - Dark mode, etc..

Stack using

Technology	Image	Description
Routing		React Router 6.4
Styling		Styled Components
Remote state management		React Query
UI state management		Context API
Form management		React Form
Backend		Supabase

Pending

• Create new booking
• edit booking
• price editing
• check-out requestss
• billing to email
• payment link to cutomer
• responsive

Learned

• React patterns : React Render props pattern, Higher order component pattern and Compound component pattern
• React Portal
• cloneElement
• Pre-fetching
• react query cacheing
• useNavigate's replace:true use
• recharts
• ErrorBoundaries