diff --git a/client/src/App.vue b/client/src/App.vue
index 48ec3cb..78b26a3 100644
--- a/client/src/App.vue
+++ b/client/src/App.vue
@@ -4,9 +4,10 @@ import Header from './components/Header.vue'
 </script>
 
 <template>
-  <h1>Here is a child component!</h1>
+  <h1>straight up gargoyling it !</h1>
   <Header />
   <Header />
   <Header />
   <Header />
+  <h1>imagining what I could do with themes :o</h1>
 </template>
diff --git a/client/src/assets/.gitkeep b/client/src/assets/.gitkeep
deleted file mode 100644
index e69de29..0000000
diff --git a/client/src/assets/mobus.txt b/client/src/assets/mobus.txt
new file mode 100644
index 0000000..1748201
--- /dev/null
+++ b/client/src/assets/mobus.txt
@@ -0,0 +1,3 @@
+
+// assets will contain common public resources
+// icons, fonts (if needed locally), images, whatever
diff --git a/client/src/components/.gitkeep b/client/src/components/.gitkeep
deleted file mode 100644
index e69de29..0000000
diff --git a/client/src/components/Header.vue b/client/src/components/Header.vue
index 1ce9059..a017076 100644
--- a/client/src/components/Header.vue
+++ b/client/src/components/Header.vue
@@ -1,4 +1,7 @@
 
+<!-- you know what components are :D -->
+<!-- though I do miss angular's support for separating the file ( though i guess its technically possible in vue but it gets disorganized fast ) -->
+
 <script setup lang="ts">
 import { ref } from 'vue'
 
diff --git a/client/src/composables/what.ts b/client/src/composables/what.ts
new file mode 100644
index 0000000..ccdf101
--- /dev/null
+++ b/client/src/composables/what.ts
@@ -0,0 +1,3 @@
+
+// idk really what composables are but I think its extra service code that can be used in components
+// I think they're useful for moving data from a data store to the component but I could just be trolling
diff --git a/client/src/models/User.ts b/client/src/models/User.ts
new file mode 100644
index 0000000..e67f500
--- /dev/null
+++ b/client/src/models/User.ts
@@ -0,0 +1,2 @@
+
+// models are the data objects stored in the database. models defined here must match models defined in api/models 
diff --git a/client/src/pages/.gitkeep b/client/src/pages/.gitkeep
deleted file mode 100644
index e69de29..0000000
diff --git a/client/src/pages/index.vue b/client/src/pages/index.vue
new file mode 100644
index 0000000..e50ff11
--- /dev/null
+++ b/client/src/pages/index.vue
@@ -0,0 +1,2 @@
+
+<!-- pages are the base instance for routes. an endpoint serves a page, and the page loads components -->
\ No newline at end of file
diff --git a/client/src/router/index.ts b/client/src/router/index.ts
index e1eab52..c737635 100644
--- a/client/src/router/index.ts
+++ b/client/src/router/index.ts
@@ -1,3 +1,8 @@
+
+// generated by vue
+// the router creates front-end endpoints and serves pages to them
+
+
 import { createRouter, createWebHistory } from 'vue-router'
 
 const router = createRouter({
diff --git a/client/src/services/.gitkeep b/client/src/services/.gitkeep
deleted file mode 100644
index e69de29..0000000
diff --git a/client/src/services/UsersService.ts b/client/src/services/UsersService.ts
new file mode 100644
index 0000000..800003c
--- /dev/null
+++ b/client/src/services/UsersService.ts
@@ -0,0 +1,4 @@
+
+// services are kinda whatever, but in general its a good idea for all api calls to be within a service (at least thats how angular handles it)
+// this user service will handle all to <-> from the server when handling user objects
+// should be injected with the http client (I think its axios ?)
diff --git a/client/src/stores/UsersStore.ts b/client/src/stores/UsersStore.ts
new file mode 100644
index 0000000..8202199
--- /dev/null
+++ b/client/src/stores/UsersStore.ts
@@ -0,0 +1,5 @@
+
+// stores are for component state management
+// Pinia (?) i kinda dont get it because in angular you just hook a component to a service and that's it,
+// though I guess the service handled the state management
+// sighh