During this period of global COVID pandemics, the worldwide hospitality sector is greatly impacted as the global transport network is ground to a halt due to stricter border control.

In Singapore, businesses in the hospitality sector have to innovate their business model and repackage their products.

For example, hotels have come up with staycation packages that are catered to domestic customers instead of international travelers. The package is just like any hotel booking but the only difference is the booking duration is fixed.

You are asked to design a platform via a website for consumers to register themselves to view the staycation packages available, and for them to book the package if they found a particular one of the packages is what they need.

Question 1

(a) As shown in Figures Q1(a) and (b), the overall layout should follow a three-component structure: NavBar, SideBar, and Container using the Bootstrap framework where the (1) SideBar contains linked clickable in the current view (2) the NavBar contains the name of the view and (3) the Container view is implemented in using Card of Bootstrap.

(b) The Registration and Login views are as shown in Figures Q1(a) and (b). Each should follow through with the validation process on the fields of email and password, and errors message must be displayed clearly. Explain in detail the logic behind checking the email and password.

(c) After a user is registered and logged into the system. Construct and create the following four interfaces and their corresponding components as stated as the requirement in the part I – IV:

(i) The Sidebar will display the user name. And links to subsequent pages, However, depending on whether the user is a normal user or an admin user the links displayed will be different. Normal users display only the “Packages” link, while the admin user will display two additional links, “Dashboard” and “Upload”.