946605: Need to implement UI team suggested changes in hotel booking application

Author: hemanthkumar-syncfusion

Hotel-booking-App/.gitignore

@@ -1,7 +1,23 @@
-.npmrc
-.vscode/
-node_modules/
-src/**/*.js
-dist/
-styles/*.*
-!styles/index.css
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# production
+/build
+
+# misc
+.DS_Store
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*

Hotel-booking-App/.npmignore

@@ -1,26 +1,53 @@
-# Hotel booking application using Syncfusion React DataGrid
+# Hotel booking application using Syncfusion React Grid 
 While looking for a secure and comfortable hotel stay that fits your budget, preferred amenities, desired location, and high user reviews, this article explores how Syncfusion React Grid can display a comprehensive list of hotels and their rooms, along with facilities, user reviews, and costs. Additionally, Syncfusion React Grid offers filtering options based on budget, amenities, location, and user reviews, making the booking process more efficient and user-friendly.
 
-This demo will show you how to utilize the Syncfusion Data Grid to display the lists of hotels, facilities, costs, locations, and user reviews. Also, how to provide the option to select the hostel based on available hotel rooms on the selected check and checkout date with budget-wise and facilities and user review. With our step-by-step guide, you can easily set up and configure the data grid to meet your specific needs.
+This demo will show you how to utilize the Syncfusion Data Grid to display the lists of hotels and it facility and cost and locations and user reviews. Also, how to provide the option to select the hostel based on available hotel rooms on the selected check and checkout date with budget-wise and facilities and user review. With our step-by-step guide, you'll be able to easily set up and configure the data grid to meet your specific needs.
+
+
+![Hotelbooking App](img/hotel-app.gif)
+
+## Target Audience
+-	Accountants and Bookkeepers 
+-	Construction Companies 
+-	Property Management Companies
+-	Medical Practice
+-	Educational Institutions
+-	Event Management Companies
+-	Software Development Firms
+-	Transportation and Logistics Companies
+-	Manufacturing Companies
+-	Travel Agencies
+-	Insurance Agencies
+-	Real Estate Agencies
+-	Hospitality Businesses
+-	Fitness Centers and Gyms
+-	Consulting Firms
+-	Photography Studios
+
+## Prerequisites 
+-	We have developed this app by using the [node.js 16.0](https://legacy.reactjs.org/blog/2017/09/26/react-v16.0.html).
+-	If you have not previously installed the React packages or if you have installed a version of node.js older than Node 16 on your machine, you can run the following command to install them.
+ ```sh
+  npm install -g create-react-app
+
+  ```
+## Run the sample
+To execute the following command in your command prompt.
+ ```sh
+npm start
+  ```
+## Common errors
+
+| Error  | Try to solution |
+|----------|----------|
+| Module not found: Can't resolve 'module'    | This indicates that the required module is either not installed properly or is missing. Therefore, we recommend ensuring that all dependency modules are installed correctly by executing either the npm install or yarn install command after deleting the package.lock.json file.   |
+| npm ERR! ENOENT: no such file or directory   | This error suggests that the specified directory or file is not available on your machine, or permission for execution was denied. To resolve this, ensure that the file exists and that proper permissions are enabled for accessing the file or directory.   |
+|npm ERR! Failed at the [email protected] start script| This error occurred due to a problem with  the start script defined in your package.json file. It's important to validate the start script and execute it correctly set up to run your application. Additionally, ensure that all dependencies are installed properly or not. |
+|npm ERR! EADDRINUSE: Address already in use | This error indicates the port number already used. So, you can choose another port or stop the existing running application. |
+|npm ERR! Invalid package.json| This error indicates any syntax issue occurred in your package.json. to ensure all the syntax properly. |
+
+## Reference of Syncfusion Grid
+[Demo](https://ej2.syncfusion.com/react/demos/#/material3/grid/overview), <br/>
+[Documentation](https://ej2.syncfusion.com/react/documentation/grid/getting-started).
 
-![Hotelbooking App](images/hotel-app.gif)
-
-* To install all dependent packages, use the below command.
-
-```
-npm install
-```
-* If Angular CLI is not installed into your machine, please use the below command to install Angular CLI.
-
-```
-npm install -g @angular/[email protected]
-```
-
-### Run
-
-To run the sample, use the below command
-
-```
-ng serve
-```
 

Hotel-booking-App/Jenkinsfile

@@ -33,8 +33,7 @@ module.exports = {
   },
   plugins: [
     new HtmlWebpackPlugin({
-      template: "index.html",
-      favicon: "favicon.ico"
+      template: "index.html"
     }),
     new MiniCssExtractPlugin({
       filename: "index.css",