World Wise - Hotel Management System

Table of Contents

• Overview
• Build With
• What I have learned
• How to run
  • Online
  • Local

Overview

• This is a small web application illustrating a system that works in hotels for cabin booking. This project was built in cooperation with udemy course lead by @jonasschmedtmann

Build With

• React JS (Frontend Javascript library)
• Styled Component (Component level styling)
• React Query (Asynchrous state management for Remote State)
• React Router (Dynamic client-side routing)
• Supabase (Backend as service)

What I have learned

As progressing through this project I have learned :-

• Manage Remote states like API calls and data fetching and caching
• Pre-fetching data for pagination
• User management, authentication and authorization
• UI state management using context
• Toggling Dark Mode
• Higher Order Component Pattern
• Render props pattern
• Compound Component Pattern

How to run

Online

A preview of this app is already hosted in this link

Local

To run this app locally on your machine, the following pre-requisites have to be met

• NodeJS v18.18.0 (Try to install lts --version)

Steps to run using Node