Add GraphiQL documentation

docs/docs/crud/index.mdx

@@ -157,19 +157,39 @@ web-1  | 2024-06-24 06:55:18.447:INFO :oejs.AbstractConnector:main: Started Serv
 web-1  | 2024-06-24 06:55:18.459:INFO :oejs.Server:main: Started Server@71d44a3{STARTING}[11.0.15,sto=5000] @13768ms
 ```
 
-:::tip
-
 A MySQL database container has also started alongside and is accessible via
 
 ```console
-`mysql -h localhost -D minerva -P 3306 --protocol=tcp -u root -proot`
+mysql -h localhost -D elide -P 3306 --protocol=tcp -u root -proot
 ```
 
-:::
+All data is persisted in a database called __elide__
 
 Writing Data
 ------------
 
+:::tip[Installing GraphiQL]
+
+GraphiQL offers a user-friendly UI for issuing GraphQL queries and displaying query responses. We can use it for the
+API call below.
+
+- __Mac__ uses [Homebrew](https://formulae.brew.sh/cask/graphiql)
+
+  ```console
+  brew install --cask graphiql
+  ```
+
+- __Windows__ binary can be downloaded from the [release page](https://github.com/skevy/graphiql-app/releases).
+  Then install the downloaded `.exe` file
+- __Linux__ users can follow the
+  [official documentation](https://github.com/skevy/graphiql-app?tab=readme-ov-file#linux-installation)
+
+When installed, the GraphiQL user interface looks like the following:
+
+![Error loading graphiql.png](./img/graphiql.png)
+
+:::
+
 ### Inserting Data
 
 We have defined our views on the database and exposed those views over HTTP. Next let's use cURL to put data in the