Updated readme and sample json

samples/react-teams-membership-updater/README.md

@@ -6,22 +6,25 @@ Used to update the membership of a team based on the contents of a CSV file, can
 
 ## Screen 
 
-![react-teams-membership-updater](Screenshot-2020-05-01.png "Preview")
+![react-teams-membership-updater](./assets/Screenshot-2020-05-01.png "Preview")
 
-![react-teams-membership-updater](teamsmembership.gif "Teams Membership Via Teams")
+![react-teams-membership-updater](./assets/teamsmembership.gif "Teams Membership Via Teams")
 
-## Used SharePoint Framework Version 
+## Compatibility
 
-![drop](https://img.shields.io/badge/version-1.11.0-green.svg)
+![SPFx 1.11](https://img.shields.io/badge/SPFx-1.11.0-green.svg) 
+![Node.js LTS 10.x](https://img.shields.io/badge/Node.js-LTS%2010.x-green.svg) 
+![SharePoint Online](https://img.shields.io/badge/SharePoint-Online-yellow.svg) 
+![Teams Yes: Designed for Microsoft Teams](https://img.shields.io/badge/Teams-Yes-green.svg "Designed for Microsoft Teams")
+![Workbench Hosted: Does not work with local workbench](https://img.shields.io/badge/Workbench-Hosted-yellow.svg "Does not work with local workbench")
 
 ## Applies to
 
 * [SharePoint Online](https://docs.microsoft.com/sharepoint/dev/spfx/sharepoint-framework-overview)
 
-
 ## Solution
 
-This webpart can be deployed to a site or as a teams personal app.  This does require graph permission granting in the Sharepoint Admin Center
+This web part can be deployed to a site or as a teams personal app.  This does require graph permission granting in the Sharepoint Admin Center
 
 Uses:
 
@@ -57,3 +60,5 @@ Version|Date|Comments
   - `gulp bundle --ship`
   - `gulp package-solution --ship`
   - `Add to AppCatalog and deploy`
+
+<img src="https://telemetry.sharepointpnp.com/sp-dev-fx-webparts/samples/react-teams-membership-updater />

samples/react-teams-membership-updater/assets/sample.json

@@ -0,0 +1,63 @@
+[
+  {
+    "name": "pnp-sp-dev-spfx-web-parts-react-teams-membership-updater",
+    "source": "pnp",
+    "title": "Teams Membership Updater",
+    "shortDescription": "Used to update the membership of a team based on the contents of a CSV file, can be hosted in a sharepoint site where a list can be defined for logging purposes or run inside teams as a personal app.",
+    "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-teams-membership-updater",
+    "longDescription": [
+      "TODO"
+    ],
+    "created": "2021-04-02",
+    "modified": "2021-04-02",
+    "products": [
+      "SharePoint",
+      "Office"
+    ],
+    "metadata": [
+      {
+        "key": "CLIENT-SIDE-DEV",
+        "value": "React"
+      },
+      {
+        "key": "SPFX-VERSION",
+        "value": "1.11.0"
+      }
+    ],
+    "thumbnails": [
+      {
+        "type": "image",
+        "order": 100,
+        "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-teams-membership-updater/assets/Screenshot-2020-05-01.png",
+        "alt": "Web part in action"
+      },
+      {
+        "type": "image",
+        "order": 101,
+        "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-teams-membership-updater/assets/teamsmembership.gif",
+        "alt": "Web part in action"
+      },
+      {
+        "type": "image",
+        "order": 102,
+        "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-teams-membership-updater/assets/72f2b53a-f9be-4344-8fec-f4a09961a25b.png",
+        "alt": "Web part in action"
+      }
+    ],
+    "authors": [
+      {
+        "gitHubAccount": "techienickb",
+        "pictureUrl": "https://github.com/techienickb.png",
+        "name": "Nick Brown",
+        "twitter": "techienickb"
+      }
+    ],
+    "references": [
+      {
+        "name": "Build your first SharePoint client-side web part",
+        "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.",
+        "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part"
+      }
+    ]
+  }
+]