Demo Hotel site.
The site is a simple website for a hotel. The landing page has some details of what services are presented at the hotel along with the featured rooms. There is another page with has the option to view and filter rooms. Each room type had its own detailed page.
In the project project the following technologies have been used.
- Typescript (tsx, ts)
- React Hooks (useReducer, useContext, useEffect ect')
- React Context API
- React Suspense Used Suspense for lazy loading & data fetching, experimental
- React-Router Used with a simple router and parameters
The content has a responsive layout for mobile and desktop using a CSS Grid Layout and some Media queries
- styled-components
- CSS Variables
- HTML5 tags (article, nav, header, section, etc')