Update README.md

Author: Anto Gibson

README.md

@@ -1,2 +1,13 @@
-# how-to-create-and-customize-ports-in-the-react-diagram-component
-A quick-start React app that shows how to create and customize ports in the React Diagram Component. It explains how to cto create ports programmatically and add, remove, and update ports at run time using an external button click.
+# How to Create and Customize Ports in the React Diagram Component
+A quick-start React app that shows how to create and customize ports in the React Diagram Component. It explains how to create ports programmatically and add, remove, and update ports at run time using an external button click.
+
+Documentation: [https://ej2.syncfusion.com/react/documentation/diagram/getting-started#dependencies](https://ej2.syncfusion.com/react/documentation/diagram/nodes)
+
+Demo: https://ej2.syncfusion.com/react/demos/#/fluent2/diagram/port
+
+## 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 in your machine before starting to work on this project.
+
+## How to run this application
+To run this application, you must first clone the 
+`how-to-create-and-customize-ports-in-the-react-diagram-component` repository and then open it in Visual Studio Code. Now, build and run your project using the `npm start` command to view the output.