Introduce: Build a hotel management web application using HTML5, CSS3, Typescript, json-server, React and compile by Vite.
Plan: Link
Deploy: Update later

Requirements

Target

HTML5: CSS (Cascading Style Sheets) consist of a group of formatting rules that you use to control the layout and appearance of the content on a web page.
CSS3: Cascading Style Sheets (CSS) is a language used to illustrate a document’s look, style, and format in any markup language. In simple words, it is used to style and organize the layout of Web pages. CSS3 is the latest version of an earlier CSS version, CSS2.
Typescript: TypeScript is a strongly typed programming language that builds on JavaScript, giving you better tooling at any scale.
React: React is a framework that employs Webpack to automatically compile React, JSX, and ES6 code while handling CSS file prefixes. React is a JavaScript-based UI development library. Although React is a library rather than a language, it is widely used in web development.
Vite: Vite is a build tool that aims to provide a faster and leaner development experience for modern web projects.
json-server: Get a full fake REST API with zero coding.

Step 1: Clone repository.
- With HTTPS:
  - $ git clone https://github.com/Nez27/react-training.git.
Step 2: Move to folder which just cloned in your computer.
- cd ./react-training.
Step 3: Move it to branch react-practice.
- $ git checkout react-practice.
Step 4: Move to folder hotel-management.
- $ cd ./hotel-management.
Step 5:
- Open terminal > pnpm i.
Step 6:
- Run pnpm run dev.
Step 7:
- Open http://localhost:5173/ in browser.