Initial README for Client ElectronJS Application

Author: mangledbottles

Assets/ClientApplication.png

@@ -1,11 +1,21 @@
-# Vue 3 + Typescript + Vite
+# Client ElectronJS Desktop Application
+This is the [ElectronJS](https://www.electronjs.org/) Desktop Application for the Client built using [VueJS](https://vuejs.org/) and [Typescript](https://www.typescriptlang.org).
 
-This template should help get you started developing with Vue 3 and Typescript in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.
+The Client uses the Node.js UDP Datagram to communicate with the Switcher and send messages across the network of Routers to another another Client.
 
-## Recommended IDE Setup
+## Installation
+```bash
+npm install
 
-- [VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=johnsoncodehk.volar)
+# Start the Electron Application
+npm run electron:dev
 
-## Type Support For `.vue` Imports in TS
+# Build for production
+npm run app:build
+```
+## Application
+![Client Application](../Assets/ClientApplication.png)
+This application is started when the Client process is created. The Client attempts to connect to the Switcher and if successful, it will be allocated an IP address and port dependent on the network and available ports.
 
-Since TypeScript cannot handle type information for `.vue` imports, they are shimmed to be a generic Vue component type by default. In most cases this is fine if you don't really care about component prop types outside of templates. However, if you wish to get actual prop types in `.vue` imports (for example to get props validation when using manual `h(...)` calls), you can enable Volar's `.vue` type support plugin by running `Volar: Switch TS Plugin on/off` from VSCode command palette.
+### Sending Messages
+![Client Sending Messag](../Assets/ClientSendingMessage.png)