Add Application screenshot (#19)

Author: mikhail-vl

CHANGELOG.md

@@ -6,6 +6,7 @@
 
 - Update Workflows (#17)
 - Rebuild using 9.3.6 (#18)
+- Add Application screenshot (#19)
 
 ## 2.1.0 (2022-09-22)
 

README.md

@@ -1,18 +1,22 @@
 # Template to create a new Grafana application plugin
 
-[![Grafana 9](https://img.shields.io/badge/Grafana-9.1.6-orange)](https://www.grafana.com)
-[![Language grade: JavaScript](https://img.shields.io/lgtm/grade/javascript/g/VolkovLabs/volkovlabs-abc-app.svg?logo=lgtm&logoWidth=18)](https://lgtm.com/projects/g/VolkovLabs/volkovlabs-abc-app/context:javascript)
+![Application](https://github.com/VolkovLabs/volkovlabs-abc-app/raw/main/src/img/app.png)
+
+[![Grafana 9](https://img.shields.io/badge/Grafana-9.3.6-orange)](https://www.grafana.com)
 ![CI](https://github.com/volkovlabs/volkovlabs-abc-app/workflows/CI/badge.svg)
 [![codecov](https://codecov.io/gh/VolkovLabs/volkovlabs-abc-app/branch/main/graph/badge.svg?token=2W9VR0PG5N)](https://codecov.io/gh/VolkovLabs/volkovlabs-abc-app)
+[![CodeQL](https://github.com/VolkovLabs/volkovlabs-abc-app/actions/workflows/codeql-analysis.yml/badge.svg)](https://github.com/VolkovLabs/volkovlabs-abc-app/actions/workflows/codeql-analysis.yml)
+
+The Abc Application is a template we created to streamline our development process and gladly share it with the Grafana community.
 
-## Introduction
+We created many Grafana applications to this moment. To make the creation process efficient, starting with a well-constructed template is always easier.
 
-The ABC Application is a template to create a new application plugin for Grafana.
+Generate an application template with [https://github.com/VolkovLabs/volkovlabs-abc-app/generate](https://github.com/VolkovLabs/volkovlabs-abc-app/generate).
 
-### Requirements
+## Requirements
 
-- Grafana 8.5+, Grafana 9.0+ is required for version 2.X.
-- Grafana 8.0+ is required for version 1.X.
+- **Grafana 8.5+, Grafana 9.0+** is required for version 2.X.
+- **Grafana 8.0+** is required for version 1.X.
 
 ## Getting Started
 
@@ -30,32 +34,33 @@ yarn build
 
 3. Sign the plugins if required
 
-```
-export GRAFANA_API_KEY=erXXXX==
+```bash
+export GRAFANA_API_KEY=erfdfsgfs==
 yarn sign
 ```
 
-4. Start Docker container
+4. Start the Docker container
 
 ```bash
 yarn run start
 ```
 
 ## Features
 
-- Use `docker-compose` to start development environment with provisioned application, panels and dashboard.
+- Use `docker-compose` to start the development environment with a provisioned application, panels, and dashboard.
 - Provides unit test configuration.
 - Based on the latest version of Grafana.
 - Includes GitHub Actions for CI and Release.
 - Includes secure configuration for NGINX reverse proxy.
 
 ## Feedback
 
-We love to hear from users, developers, and the whole community interested in this plugin. These are various ways to get in touch with us:
+We love to hear from you. There are various ways to get in touch with us:
 
 - Ask a question, request a new feature, and file a bug with [GitHub issues](https://github.com/volkovlabs/volkovlabs-abc-app/issues/new/choose).
+- Sponsor our open-source plugins for Grafana with [GitHub Sponsor](https://github.com/sponsors/VolkovLabs).
 - Star the repository to show your support.
 
 ## License
 
-- Apache License Version 2.0, see [LICENSE](https://github.com/volkovlabs/volkovlabs-abc-app/blob/main/LICENSE).
+Apache License Version 2.0, see [LICENSE](https://github.com/volkovlabs/volkovlabs-abc-app/blob/main/LICENSE).

src/img/app.png

@@ -14,15 +14,24 @@
     "keywords": ["template"],
     "links": [
       {
-        "name": "Website",
-        "url": "https://volkovlabs.io"
+        "name": "Documentation",
+        "url": "https://docs.volkovlabs.io"
+      },
+      {
+        "name": "GitHub",
+        "url": "https://github.com/volkovlabs/volkovlabs-abc-app"
       }
     ],
     "logos": {
       "large": "img/logo.svg",
       "small": "img/logo.svg"
     },
-    "screenshots": [],
+    "screenshots": [
+      {
+        "name": "Panel",
+        "path": "img/app.png"
+      }
+    ],
     "updated": "%TODAY%",
     "version": "%VERSION%"
   },