Update README.md

Author: Anto Gibson

README.md

@@ -1,2 +1,30 @@
-# how-to-customize-the-react-diagram-and-its-elements
-A quick-start React project that shows how to customize the react diagram and its elements.
+# How To Customize the React Diagram and Its Elements
+A quick-start React project that shows how to customize the React diagram and its elements. Learn how to change the page settings, add multiple pages, and change the appearance of the nodes and connectors. 
+
+The React Diagram is a feature-rich component for visualizing, creating, and editing interactive diagrams. It supports creating flowcharts, organizational charts, mind maps, and BPMN charts through code or a visual interface. Grouping is used to cluster multiple nodes and connectors into a single element. A group acts like a container for its children.  
+
+Documentation: https://ej2.syncfusion.com/react/documentation/diagram/getting-started
+
+Demo: [https://ej2.syncfusion.com/react/demos/#/fluent2/diagram/grouping-and-ordering](https://ej2.syncfusion.com/react/demos/#/material3/diagram/default-functionality.html)
+
+------------------------------------------------------------------------------------------------
+
+## Project prerequisites
+Make sure that you have the compatible versions of [Visual Studio Code](https://code.visualstudio.com/download ), and [NodeJS](https://nodejs.org/en/download) or a later version on your machine before starting to work on this project.
+
+-------------------------------------------------------------------------------------------------
+
+## How to run this application
+To run this application, follow these steps:
+ - **Step 1:**  
+        Clone the repository.
+```bash
+  git clone https://github.com/SyncfusionExamples/how-to-customize-the-react-diagram-and-its-elements
+```
+ - **Step 2:**    
+        Open the application folder, install the dependencies and run the application.
+```bash
+  cd how-to-customize-the-react-diagram-and-its-elements
+  npm install
+  npm start
+```