Merge branch 'master' of https://github.com/SyncfusionExamples/react-grid-use-case-tutorial-samples

Author: jmfarook7

README.md

@@ -1,3 +1,31 @@
 # Syncfusion Grid with real-time examples
+The [Syncfusion React Data Grid](https://ej2.syncfusion.com/react/demos/#/material3/grid/overview) (data table) is a feature-rich control for displaying data in a tabular format. The wide range of functionalities includes data binding, editing, Excel-like filtering, custom sorting, support to export data grids to Excel, CSV, and PDF formats, aggregating rows, selection, etc. It provides extensive appearance customization options and is very useful for generating complex grid-based reports with rich formatting.
+## Why Choose Syncfusion React Grid?
+Are you looking for a robust and powerful data grid to quench your UI requirements? If so, I will give you the good reasons to choose Syncfusion React Grid and show you why it is the best data grid around.
+-	[High Performance](https://www.syncfusion.com/react-components/react-data-grid/performance): Load millions of records in seconds with optimized performance.
+-	[Seamless Data Binding](https://www.syncfusion.com/react-components/react-data-grid/data-binding): Easily bind to various local and remote data sources like JSON, OData, WCF, and RESTful web services.
+-	[Adapts to any resolution](https://ej2.syncfusion.com/react/documentation/grid/adaptive): Adapts to any resolution, working seamlessly on desktops, touch screens, and mobile devices (iOS, Android, Windows).
+-	[Flexible Editing](https://www.syncfusion.com/react-components/react-data-grid/editing): Simplify CRUD operations with support for business objects or remote data services.
+-	[Custom Templates](https://ej2.syncfusion.com/react/documentation/grid/columns/column-template): Create custom user experiences with a wide range of template options.
+- [Customizable Themes](https://ej2.syncfusion.com/themestudio/?theme=bootstrap5): Choose from 5+ built-in themes (Fluent, Tailwind CSS, Bootstrap, Material, Fabric) and customize them with the Theme Studio tool.
+-	[Easy Export and Printing](https://ej2.syncfusion.com/react/documentation/grid/excel-export/excel-exporting): Export data to Excel, PDF, and CSV, and print all rows or just the current page.
+-	[Globalization and Localization](https://ej2.syncfusion.com/react/documentation/grid/global-local): Format dates, currency, and numbers for different locales.
+-	State-of-the-art features: Enjoy features like lazy load grouping, freeze columns, powerful filtering, bulk editing, responsive columns, and state management.
+- Web Accessibility: Fully supports web accessibility, making it usable for people with disabilities.
+- Ease of Use: Minimal configuration required, with intuitive API names that simplify usage.
+## Our Target Audience
+The Syncfusion React Grid component simplifies the analysis of your business data and helps manage daily data transitions. It also enables you to examine user data or product information or any values within specific time frames, whether daily or otherwise.
+Additionally, it supports real-time applications with autofill capabilities and allows exporting information for hard copy documentation. Here are examples of users and organizations that benefit from using a Syncfusion React Grid component.
+## Top Features in Syncfusion DataGrid
+[Top features](https://www.syncfusion.com/blogs/post/top-5-features-react-data-grid)
 
+## Reference 
+[Demo](https://ej2.syncfusion.com/react/demos/#/material3/grid/overview)
+[Documentation](https://ej2.syncfusion.com/react/documentation/grid/getting-started)
+
+## Realtime samples using Syncfusion React DataGrid
+### Inventory and Billing Insights
+In the competitive world of retail, particularly in supermarkets, efficient billing, and invoicing are essential for enhancing customer satisfaction and streamlining operations. This article explores how Syncfusion React Grid can transform supermarket billing and invoicing processes, making them more efficient and user-friendly. This demo will show you how to utilize the Syncfusion Data Grid to generate an invoice with automatic calculations based on your inventory details. With our step-by-step guide, you'll be able to easily set up and configure the data grid to meet your specific needs.
+
+[Sample](https://github.com/SyncfusionExamples/react-grid-use-case-tutorial-samples/tree/master/Inventory%20Management%20and%20Invoice%20Generating)