X-Git-Url: https://git.piment-noir.org/?a=blobdiff_plain;f=ui%2Fweb%2FREADME.md;h=1035fe9ae821929077269f2605c24fd4634a61eb;hb=408f561bfa34ee91d6badc76dfa5f3113a7c08bc;hp=1293c310d1fd3e13d8449f1044214e8ff809dbbd;hpb=15124b9a1fc61722af33085024d4f0c8d3c6d81c;p=e-mobility-charging-stations-simulator.git

diff --git a/ui/web/README.md b/ui/web/README.md
index 1293c310..1035fe9a 100644
--- a/ui/web/README.md
+++ b/ui/web/README.md
@@ -1,9 +1,13 @@
 # Web UI
 
+The Web UI code and configuration is in the repository directory [ui/web](./../../ui/web/). Commands execution is relative to that directory.
+
 ## Project setup
 
 ```shell
-npm install
+corepack enable
+corepack prepare pnpm@latest --activate
+pnpm install
 ```
 
 The simulator UI server must be enabled, use WebSocket and disable authentication. The simulator main configuration file should have a `uiServer` section like this:
@@ -21,32 +25,39 @@ The simulator UI server must be enabled, use WebSocket and disable authenticatio
   },
 ```
 
-See [here](../../README.md#charging-stations-simulator-configuration) for more details.
+See [here](./../../README.md#charging-stations-simulator-configuration) for more details.
 
 ### Run
 
-For both solution you can then follow the link displayed in the terminal at the end of compilation
-
 #### Compiles and run for production
 
 ```shell
-npm start
+pnpm start
 ```
 
 #### Compiles and run for development
 
 ```shell
-npm run serve
+pnpm serve
 ```
 
+#### Try it out
+
+For both options above you can then follow the link displayed in the terminal at the end of compilation. The Web UI looks like the following
+
+![webui](./assets/webui.png)
+
+1. With the top 2 buttons you can now stop and afterwards start the simulator and inspect the server console for the number of charging stations, e.g. with the default configuration: `Charging stations simulator ... started with 10 charging station(s)`
+2. Each charging station is a row in the table below, try "Stop Charging Station" and refresh with the large blue button and see the status Started turns from Yes into No.
+
 ### Compiles and minifies for production
 
 ```shell
-npm run build
+pnpm build
 ```
 
 ### Lints files
 
 ```shell
-npm run lint
+pnpm lint
 ```