Merge pull request #26 from authts/screenshots

add screenshots to readme

CHANGELOG.md

@@ -1,3 +1,7 @@
+## 1.2.0 (2024-10-29)
+
+- Add screenshots to readme
+
 ## 1.1.0 (2024-10-29)
 
 - Add support for running the React app in Docker Compose, and keep support for running it locally

README.md

@@ -6,6 +6,10 @@ Minimal, reproducible example for Keycloak + React.
 
 <!-- toc -->
 
+- [Screenshots](#screenshots)
+  * [Login](#login)
+  * [Home](#home)
+  * [Playground](#playground)
 - [Why](#why)
 - [Setup](#setup)
   * [Docker Compose](#docker-compose)
@@ -25,15 +29,30 @@ Minimal, reproducible example for Keycloak + React.
   * [Making an API request](#making-an-api-request)
 - [Seeded data](#seeded-data)
   * [Clients](#clients)
-  * [Login](#login)
+  * [Login](#login-1)
   * [Tokens](#tokens)
   * [Email](#email)
 - [Sharing](#sharing)
 - [Disclaimers](#disclaimers)
 - [History](#history)
+- [Contributing](#contributing)
 
 <!-- tocstop -->
 
+## Screenshots
+
+### Login
+
+![](assets/screencapture-login.png)
+
+### Home
+
+![](assets/screencapture-home.png)
+
+### Playground
+
+![](assets/screencapture-playground.png)
+
 ## Why
 
 I often see questions in the [Keycloak forums](https://keycloak.discourse.group) on how to use it with React. On the other hand, I often see questions in the [react-oidc-context repo](https://github.com/authts/react-oidc-context) on how to use it with Keycloak.

package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.1.0",
+  "version": "1.2.0",
   "scripts": {
     "toc": "markdown-toc -i README.md"
   },