doc: add demo gif to readme

Author: recursivefunk

README.md

@@ -1,8 +1,8 @@
 # Groove Sensor 
 
-![alt text](./img/groove-sensor-logo.svg)
+![groove sensor logo](./img/groove-sensor-logo.svg)
 <p align="center">
-  <img src="./img/logos.png" alt="sonos-hue" width="400"/>
+  <img src="./img/logos.png" alt="sonos-hue-spotify" width="400"/>
 </p>
 
 ![workflow](https://github.com/recursivefunk/groove-sensor/actions/workflows/ci.yml/badge.svg)
@@ -54,6 +54,16 @@ The result should be something like this:
 | HUE_MOTION_POLLING_INTERVAL | Number  | How long to wait (seconds) in between sensor state polls | No |`2`|
 | SONOS_DISCOVERY_TIMEOUT | Number  | Timeout (seconds) for the device discovery process | No       | `5`     |
 
+## Setup and Run
+Once you're environment variables are setup
+
+```sh
+$ npm install
+$ npm start
+```
+
+![demo](./img/demo.gif)
+
 ### Why Does This Exist?
 
 I have a newly rentovated guest bathroom in my home. The plan is to setup a motion detector and put a sonos speaker in there. When someone enters the bathroom to handle business, they'll hear music based on a "vibe" (most likely hits from the 80s, sorry kids!) I've chosen ahead of time.

img/demo.gif

@@ -5,7 +5,8 @@
   "scripts": {
     "test": "echo \"Coming soon\" && exit 0",
     "lint": "semistandard src/**/*.js",
-    "format": "semistandard --fix src/**/*.js"
+    "format": "semistandard --fix src/**/*.js",
+    "start": "node src/index.js"
   },
   "author": "Johnny Austin <[email protected]>",
   "license": "MIT",