Updated sample.json, container, readme

samples/react-training-checklist/.devcontainer/devcontainer.json

@@ -1,16 +1,18 @@
 {
-    "name":  "SPFx 1.17.3",
-    "image":  "docker.io/m365pnp/spfx:1.17.3",
-    "settings":  {
-
-                 },
+  "name": "SPFx 1.20.0",
+  "image": "docker.io/m365pnp/spfx:1.20.0",
+  "customizations": {
+    "vscode": {
       "extensions": [
         "editorconfig.editorconfig",
         "dbaeumer.vscode-eslint"
-                   ],
+      ]
+    }
+  },
   "forwardPorts": [
     4321,
-                         35729
+    35729,
+    5432
   ],
   "portsAttributes": {
     "4321": {
@@ -19,6 +21,11 @@
       "onAutoForward": "silent",
       "requireLocalPort": true
     },
+    "5432": {
+      "protocol": "https",
+      "label": "Workbench",
+      "onAutoForward": "silent"
+    },
     "35729": {
       "protocol": "https",
       "label": "LiveReload",

samples/react-training-checklist/README.md

@@ -52,7 +52,7 @@ Version|Date|Comments
 
   > Any special pre-requisites?
 
-  Powershell script to create the SharePoint list with the required columns:
+  PowerShell script to create the SharePoint list with the required columns:
 
   ```powershell
   # Connect to SharePoint Online

samples/react-training-checklist/assets/sample.json

@@ -2,11 +2,12 @@
     {
         "name": "pnp-sp-dev-spfx-web-parts-react-training-checklist",
         "source": "pnp",
-      "title": "Training checklist Web Part",
-      "shortDescription": "This project shows how to create an training checklist using SPFx and React.",
+        "title": "Training Checklist",
+        "shortDescription": "YSample web part to display a training checklist in a SharePoint page.",
         "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/main/samples/react-training-checklist",
+        "downloadUrl": "https://pnp.github.io/download-partial/?url=https://github.com/pnp/sp-dev-fx-webparts/tree/main/samples/react-training-checklist",
         "longDescription": [
-        "This project shows how to create an Training checklist using SPFx and React."
+            "YSample web part to display a training checklist in a SharePoint page."
         ],
         "creationDateTime": "2024-09-12",
         "updateDateTime": "2024-09-12",
@@ -14,34 +15,37 @@
             "SharePoint"
         ],
         "metadata": [
+            {
+                "key": "CLIENT-SIDE-DEV",
+                "value": "React"
+            },
             {
                 "key": "SPFX-VERSION",
-          "value": "1.20.0-beta.0"
+                "value": "1.20.0"
             }
         ],
         "thumbnails": [
             {
+                "name": "trainingchecklist.png",
                 "type": "image",
                 "order": 100,
                 "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/main/samples/react-training-checklist/assets/trainingchecklist.png",
-          "alt": "Training checklist Web Part"
+                "alt": "Web Part Preview"
             }
         ],
         "authors": [
             {
                 "gitHubAccount": "ValerasNarbutas",
-          "pictureUrl": "https://github.com/valerasnarbutas.png",
-          "name": "Valeras Narbutas",
-          "twitter": "ValerasNarbutas"
+                "pictureUrl": "https://github.com/ValerasNarbutas.png",
+                "name": "Valeras Narbutas"
             }
         ],
         "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://learn.microsoft.com/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part"
+                "url": "https://docs.microsoft.com/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part"
             }
         ]
     }
-  ]
-  
+]