Updated readme

samples/react-carousel/README.md

@@ -1,3 +1,20 @@
+---
+page_type: sample
+products:
+- office-sp
+- sharepoint
+languages:
+- javascript
+- typescript
+extensions:
+  contentType: samples
+  technologies:
+  - SharePoint Framework
+  platforms:
+  - React
+  createdDate: 06/17/2016 12:00:00 AM
+---
+
 # React Carousel Web Part
 
 ## Summary
@@ -6,14 +23,11 @@ This web part show images and videos in carousel
 
 It uses Microsoft Graph API to get image/video url and use PnPjs to load files from Picture library the images/videos are loading in lazy mode, progressively.
 
-
-##  
-![calendar](/samples/react-carousel/assets/carousel.gif) 
-
-
+![carousel](./assets/carousel.gif)
 
 ## Used SharePoint Framework Version
-![drop](https://img.shields.io/badge/version-1.10.0-green.svg)
+
+![1.10](https://img.shields.io/badge/version-1.10.0-green.svg)
 
 ## Applies to
 
@@ -30,21 +44,21 @@ Site Url of library | Text| yes|
 Picture Library| Choice/Dropdown | yes|  this is filled with all Picture Libraries (BaseTemplate : 109)
 number images to load | number| yes | number between 1 and 200
 
- 
-
 ## Solution
-The web part Use PnPjs library, Microsoft Graph API, Office-ui-fabric-react components, react-slick Compoment
+
+The web part Use PnPjs library, Microsoft Graph API, Office-ui-fabric-react components, react-slick Component
 
 Solution|Author(s)
 --------|---------
 Carousel Image/Video  Web Part|João Mendes
+Carousel Image/Video  Web Part|Rahul Suryawanshi ([@rahulsuryawansh](https://twitter.com/rahulsuryawansh))
 
 ## Version history
 
 Version|Date|Comments
 -------|----|--------
 1.0.0|July 11, 2019|Initial release
-2.0.0|June 17, 2020|Upgraded to SPFx v1.10.0
+2.0.0|June 17, 2020|Upgraded to SPFx v1.10.0 (Rahul Suryawanshi)
 
 
 ## Disclaimer
@@ -61,9 +75,9 @@ Version|Date|Comments
   - `gulp bundle --ship`
   - `gulp package-solution --ship`
   - `Add to AppCatalog and deploy`
-
-
+- Make sure you have at least one **Picture Library** on one of your site collections
+- Add the web part to a page
+- In the web part's property pane, enter the **Site Url** (if library is on a different site collect) and select a **Picture Library** from the **Library** drop-down.
 
 
 <img src="https://telemetry.sharepointpnp.com/sp-dev-fx-webparts/samples/react-carousel" />
-