:pencil: adding in some comments

frontend/src/services/chat.service.js

 })
 const MAIN_CHANNEL = 'hello_world'
 
+/** Singleton that holds all our chat information */
 class Chatter {
+    /**
+     * Create our chatter instance
+     * @return {Chatter} our chatter instance object
+     */
     constructor() {
+        // Map of each active chat
         this.groupings = {}
+
+        // Our pubnub instance
         this.provider = null
+
+        // UUID used to identify unique users
         this.uuid = null
 
         // Setup the main channel
         this.subscriptions = [MAIN_CHANNEL]
-        
         this.listeners = {
             status: async e => {
                 if (e.category !== "PNConnectedCategory") return
-                await this._publish(this.subscriptions[0], testMessage)
+                await this.publish(this.subscriptions[0], testMessage)
             },
             message: this._onMessage,
             presence: this._onPresence
         }
     }
+    /**
+     * Callback that fires on every message
+     * @param {event} e
+     */
     async _onMessage(e) {
         console.log(e.message.title)
         console.log(e.message.description)
         this._listenFor({ listeners: this.listeners })
         this._subscribe(this.subscriptions)
     }
-    async _publish(channel, message) {
+    /**
+     * Send a message to a channel
+     * example = new ChatMessage({ title: 'example', description: 'ni' })
+     * Facade so we can hide provider specific methods
+     * @param {string} channel
+     * @param {ChatMessage} message
+     * @return {object} timestamp
+     */
+    async publish(channel, message) {
         return await providerMethods['publish']({ channel, message })
     }
+    /** 
+     * Subscribe to a channels
+     * Facade so we can hide provider specific methods
+     * @param {array} channels
+    */
     _subscribe(channels) {
         providerMethods['subscribe']({ channels })
     }
+    /** 
+     * Listen to events and set callbacks
+     * Facade so we can hide provider specific methods
+    */
     _listenFor({ listeners }) {
         providerMethods['listen'](listeners)
     }

frontend/src/services/notification.service.js

 import { remote } from '../utils/db'
 
+/**
+ * Base notifier class
+ * @param {number} profileId needed to listen for events for this profile
+ */
 class Toaster {
     constructor(profileId) {
         this.url = `${remote}/notification/${profileId}/subscribe`
     }
 }
 
+/**
+ * Example extension that listens for 'stonk' events
+ */
 class StonkAlert extends Toaster {
     constructor(profileId) {
         super(profileId)

frontend/src/views/home.vue

             const testAccountUUID = import.meta.env.VITE_TEST_ACCOUNT_UUID
             c.setup(testAccountUUID)
             console.log('---')
-            console.log(c)
         },
         processQueue(queueList) {
             const formattedList = []