diff --git a/composables/auth.ts b/composables/auth.ts
index 43ef854..44ab508 100644
--- a/composables/auth.ts
+++ b/composables/auth.ts
@@ -3,15 +3,10 @@ import { acceptHMRUpdate, defineStore } from 'pinia'
 export const useAuthStore = defineStore('auth', () => {
   const { $api } = useNuxtApp()
 
-  const firstName = ref('')
-  const lastName = ref('')
-  const email = ref('')
-  const points = ref(0)
-  const pointsAwardedCount = ref(0)
-  const pointsAwardedResetTime = ref(new Date(Date.now()))
-  const godMode = ref(false)
+  const user = ref<User | null>()
+  const institution = ref<Institution | null>()
 
-  const authenticated = computed(() => !!email.value)
+  const authenticated = computed(() => !!user.value)
 
   /**
    * init populates the store with the current user data, and does nothing
@@ -95,35 +90,34 @@ export const useAuthStore = defineStore('auth', () => {
    * @param data data to populate the store with
    */
   function populate(data: User) {
-    firstName.value = data.firstName
-    lastName.value = data.lastName
-    email.value = data.email
+    user.value = {
+      ...data,
 
-    if (data.godMode)
-      godMode.value = data.godMode
+    }
+    institution.value = data.institution
 
-    if (data.points)
-      points.value = data.points
+    // firstName.value = data.firstName
+    // lastName.value = data.lastName
+    // email.value = data.email
 
-    if (data.pointsAwardedCount)
-      pointsAwardedCount.value = data.pointsAwardedCount
+    // if (data.godMode)
+    //   godMode.value = data.godMode
 
-    if (data.pointsAwardedResetTime) {
-      const d = new Date(data.pointsAwardedResetTime)
-      if (d.getFullYear() !== 1) { // Zero value in Go time.TIme
-        pointsAwardedResetTime.value = d
-      }
-    }
-  }
+    // if (data.points)
+    //   points.value = data.points
 
+    // if (data.pointsAwardedCount)
+    //   pointsAwardedCount.value = data.pointsAwardedCount
+
+    // if (data.pointsAwardedResetTime) {
+    //   const d = new Date(data.pointsAwardedResetTime)
+    //   if (d.getFullYear() !== 1) { // Zero value in Go time.TIme
+    //     pointsAwardedResetTime.value = d
+    //   }
+    // }
+  }
   return {
-    firstName,
-    lastName,
-    email,
-    points,
-    pointsAwardedCount,
-    pointsAwardedResetTime,
-    godMode,
+    ...user.value,
 
     authenticated,
 
diff --git a/composables/group.ts b/composables/group.ts
index 540be26..82dddf0 100644
--- a/composables/group.ts
+++ b/composables/group.ts
@@ -1,7 +1,173 @@
 import { acceptHMRUpdate, defineStore } from 'pinia'
 
 export const useGroupStore = defineStore('group', () => {
-  return {}
+  const { $api } = useNuxtApp()
+
+  const groups = ref<Group[]>([])
+  const invites = ref<Record<string, GroupInviteLink[]>>({})
+
+  /**
+   * init populates the store with groups available in iNProve and does nothing
+   * if the user is unauthenticated.
+   *
+   * init should be called in any root level layout (example: layouts/app.vue)
+   */
+  async function init(cookie?: string) {
+    try {
+      const res = await $api<Group[]>('/groups', {
+        headers: cookie
+          ? {
+              cookie,
+            }
+          : undefined,
+      })
+      groups.value = res
+    }
+    catch (e) {
+      console.error('[composables/group.ts] failed to init store', e)
+      return parseError(e)
+    }
+  }
+
+  /**
+   * create a new group
+   *
+   * @param name name of the group
+   * @param shortName short name of the group, must be alphanumeric (incl. dashes)
+   * @param description description of group
+   * @returns ValidationError | undefined
+   */
+  async function create(name: string, shortName: string, description: string) {
+    try {
+      const res = await $api<Group>('/groups', {
+        method: 'POST',
+        body: {
+          name,
+          shortName,
+          description,
+        },
+      })
+      groups.value.push(res)
+    }
+    catch (e) {
+      console.error('[composables/groups.ts] failed to create group', e)
+      return parseError(e)
+    }
+  }
+
+  /**
+   * update a group
+   *
+   * @param prevName name of the previous group to display current information presented on the site
+   * @param prevshortName short name of the previous group used to update all information
+   * @param name name of the group
+   * @param shortName short name of the group, must be alphanumeric (incl. dashes)
+   * @param description description of group
+   * @returns ValidationError | undefined
+   */
+  async function update(prevName: string, prevshortName: string, name: string, shortName: string, description: string) {
+    try {
+      const res = await $api<Group>(`/groups/${prevshortName}`, {
+        method: 'PUT',
+        body: {
+          name,
+          shortName,
+          description,
+        },
+      })
+      const idx = groups.value.findIndex(i => i.shortName === prevshortName)
+      if (idx === -1)
+        throw new Error('invariant')
+
+      groups.value[idx] = res
+    }
+    catch (e) {
+      console.error('[composables/groups.ts] failed to update group', e)
+      return parseError(e)
+    }
+  }
+
+  /**
+   * delete a group
+   * please be careful, this also deletes all resources belonging to the group
+   *
+   * @param shortName short name of the group to delete
+   * @returns ValidationError | undefined
+   */
+  async function del(shortName: string) {
+    try {
+      await $api<Group>(`/groups/${shortName}`, {
+        method: 'DELETE',
+      })
+
+      groups.value = groups.value.filter(groups => groups.shortName !== shortName)
+    }
+    catch (e) {
+      console.error('[composables/groups.ts] failed to delete group', e)
+      return parseError(e)
+    }
+  }
+
+  /**
+   * loadInvites populates the invites value on demand for a given group
+   *
+   * @param shortName short name of the group
+   * @returns ValidationError | undefined
+   */
+  async function loadInvites(shortName: string) {
+    try {
+      const res = await $api<GroupInviteLink[]>(`/groups/${shortName}/invites`)
+      invites.value[shortName] = res
+    }
+    catch (err) {
+      console.error('[composables/groups.ts] failed to load invites', err)
+      return parseError(err)
+    }
+  }
+
+  async function createInvite(shortName: string, role: string) {
+    try {
+      const res = await $api<GroupInviteLink>(`/groups/${shortName}/invites`, {
+        method: 'POST',
+        body: {
+          role,
+        },
+      })
+      invites.value[shortName].push(res)
+    }
+    catch (e) {
+      console.error('[composables/groups.ts] failed to create invite', e)
+      return parseError(e)
+    }
+  }
+
+  async function delInvite(shortName: string, code: string) {
+    try {
+      await $api<GroupInviteLink>(`/groups/${shortName}/invites/${code}`, {
+        method: 'DELETE',
+      })
+
+      invites.value[shortName] = invites.value[shortName].filter(v => v.code !== code)
+    }
+    catch (err) {
+      console.error('[composables/groups.ts] failed to create invite', err)
+      return parseError(err)
+    }
+  }
+
+  return {
+    groups,
+    invites,
+
+    init,
+    create,
+    update,
+    del,
+
+    loadInvites,
+    createInvite,
+    delInvite,
+  }
 })
 
 if (import.meta.hot)
diff --git a/layouts/app.vue b/layouts/app.vue
index da28633..644bc15 100644
--- a/layouts/app.vue
+++ b/layouts/app.vue
@@ -41,7 +41,7 @@ useAsyncData(async () => {
     <header>
       <div mx-auto container>
         <div flex items-center justify-between px5 py8>
-          <NuxtLink to="/">
+          <NuxtLink :to="`/@${auth.institution?.shortName}/dashboard`">
             <CommonAppLogo h-8 />
           </NuxtLink>
 
diff --git a/pages/@[[institution]]/dashboard/index.vue b/pages/@[[institution]]/dashboard/index.vue
new file mode 100644
index 0000000..709211e
--- /dev/null
+++ b/pages/@[[institution]]/dashboard/index.vue
@@ -0,0 +1,47 @@
+<script setup lang="ts">
+import Breadcrumb from 'primevue/breadcrumb'
+
+definePageMeta({
+  layout: 'app',
+  middleware: 'auth',
+})
+
+interface MenuContent {
+  options: string
+  icon: string
+}
+
+const menu = [
+  {
+    options: 'Groups',
+    icon: 'i-fluent-emoji-graduation-cap',
+  },
+  {
+    options: 'Rewards',
+    icon: 'i-fluent-emoji-money-bag',
+  },
+  {
+    options: 'Visit Pet',
+    icon: 'i-fluent-emoji-paw-prints',
+  },
+  {
+    options: 'Calander',
+    icon: 'i-fluent-emoji-calendar',
+  },
+] satisfies MenuContent[]
+</script>
+
+<template>
+  <div class="card justify-content-center flex flex-row">
+    <Breadcrumb :model="menu">
+      <template #item="{ item }">
+        <a>
+          <div flex>
+            <div :class="item.icon" />
+            {{ item.options }}
+          </div>
+        </a>
+      </template>
+    </Breadcrumb>
+  </div>
+</template>
diff --git a/pages/dashboard.vue b/pages/@[[institution]]/manage/add-rewards.vue
similarity index 100%
rename from pages/dashboard.vue
rename to pages/@[[institution]]/manage/add-rewards.vue
diff --git a/pages/@[[institution]]/manage/groups.vue b/pages/@[[institution]]/manage/groups.vue
new file mode 100644
index 0000000..d5de713
--- /dev/null
+++ b/pages/@[[institution]]/manage/groups.vue
@@ -0,0 +1,74 @@
+<script setup lang="ts">
+import Menu from 'primevue/menu'
+import type { MenuItem } from 'primevue/menuitem'
+import Toast from 'primevue/toast'
+import Button from 'primevue/button'
+
+definePageMeta({
+  layout: 'app',
+  middleware: 'god-mode',
+})
+
+const group = useGroupStore()
+const headers = useRequestHeaders(['cookie'])
+useAsyncData(async () => {
+  await group.init(headers.cookie)
+  return true
+})
+
+const groupsMenu = computed(() => {
+  const i: MenuItem[] = group.groups.map(grp => ({
+    label: `${grp.name} (${grp.shortName})`,
+    to: `${grp.shortName}`,
+  }))
+  i.push({ separator: true })
+  return i
+})
+
+function toCreate() {
+  navigateTo('new')
+}
+</script>
+
+<template>
+  <div>
+    <Toast />
+
+    <div flex flex-col gap-8 lg:flex-row>
+      <div>
+        <h2 text-2xl font-semibold>
+          Groups
+        </h2>
+
+        <Menu :model="groupsMenu">
+          <template #end>
+            <Button text w-full @click="toCreate">
+              New
+            </Button>
+          </template>
+        </Menu>
+      </div>
+
+      <div flex-1>
+        <NuxtPage />
+      </div>
+    </div>
+  </div>
+</template>
+
+<style scoped>
+:deep(a.router-link-active) {
+  background-color: var(--highlight-bg);
+  color: var(--highlight-text-color);
+  --at-apply: font-bold;
+}
+
+:deep(a.router-link-active:hover) {
+  background-color: var(--highlight-bg);
+  color: var(--highlight-text-color);
+}
+
+:deep(a.router-link-active>.menu-icon i) {
+  color: var(--highlight-text-color);
+}
+</style>
diff --git a/pages/@[[institution]]/manage/groups/[shortName].vue b/pages/@[[institution]]/manage/groups/[shortName].vue
new file mode 100644
index 0000000..dde439a
--- /dev/null
+++ b/pages/@[[institution]]/manage/groups/[shortName].vue
@@ -0,0 +1,267 @@
+<script setup lang="ts">
+import TabPanel from 'primevue/tabpanel'
+import TabView from 'primevue/tabview'
+import { useToast } from 'primevue/usetoast'
+import Button from 'primevue/button'
+import InputText from 'primevue/inputtext'
+import Dialog from 'primevue/dialog'
+import Toolbar from 'primevue/toolbar'
+import DataTable from 'primevue/datatable'
+import Column from 'primevue/column'
+import Dropdown from 'primevue/dropdown'
+import Tag from 'primevue/tag'
+import type { ValidationError } from '~/utils/error'
+
+definePageMeta({
+  layout: 'app',
+  middleware: 'god-mode',
+})
+
+const route = useRoute()
+const router = useRouter()
+const toast = useToast()
+const auth = useAuthStore()
+const group = useGroupStore()
+
+onMounted(async () => {
+  await group.loadInvites(route.params.shortName as string)
+})
+
+const invitesData = computed(() => {
+  return group.invites[route.params.shortName as string] ?? []
+})
+
+const groupData = computed(() => group.groups.find(grp => grp.shortName === router.currentRoute.value.params.shortName))
+
+const initFormData = computed(() => {
+  if (!groupData.value) {
+    return {
+      ogName: '',
+      ogShortName: '',
+      name: '',
+      shortName: '',
+      description: '',
+      isLoading: false,
+      error: {},
+    }
+  }
+  return {
+    ogName: groupData.value.name,
+    ogShortName: groupData.value.shortName,
+    ...groupData.value,
+    isLoading: false,
+    error: {},
+  }
+})
+
+const formData = ref<{
+  ogName: string
+  ogShortName: string
+  name: string
+  shortName: string
+  description: string
+  isLoading: boolean
+  error: ValidationError
+}>(initFormData.value)
+
+async function update() {
+  const err = await group.update(formData.value.ogName, formData.value.ogShortName, formData.value.name, formData.value.shortName, formData.value.description)
+  if (err) {
+    formData.value.error = err
+  }
+  else {
+    toast.add({
+      severity: 'success',
+      summary: 'Success',
+      detail: 'Group updated',
+    })
+    navigateTo(`/@${auth.institution?.shortName}/manage/groups/${formData.value.shortName}`)
+  }
+}
+
+async function del() {
+  const err = await group.del(formData.value.ogShortName)
+  if (err) {
+    formData.value.error = err
+  }
+  else {
+    toast.add({
+      severity: 'success',
+      summary: 'Success',
+      detail: 'Group deleted',
+    })
+    navigateTo(`/@${auth.institution?.shortName}/manage/groups`)
+  }
+}
+
+// Invite Links
+
+const roleTagMapping: Record<GroupRoles, string> = {
+  owner: 'danger',
+  educator: 'warning',
+  member: 'primary',
+}
+
+const inviteFormData = reactive<{
+  dialog: boolean
+  role?: InstitutionRoles
+  error?: ValidationError
+  pending: boolean
+  pendingDel?: string
+}>({
+  dialog: false,
+  error: {},
+  pending: false,
+})
+
+const options = ref([
+  { name: 'Owner', code: 'owner' },
+  { name: 'Educator', code: 'educator' },
+  { name: 'Member', code: 'member' },
+])
+
+async function createlink() {
+  if (groupData.value === undefined || !inviteFormData.role)
+    return
+
+  inviteFormData.pending = true
+  const err = await group.createInvite(groupData.value.shortName, inviteFormData.role)
+  if (err)
+    inviteFormData.error = err
+
+  inviteFormData.pending = false
+  inviteFormData.dialog = false
+}
+
+function copyLink(code: string) {
+  navigator.clipboard.writeText(`${window.location.origin}/s/${code}`)
+}
+
+async function delinvite(code: string) {
+  inviteFormData.pendingDel = code
+
+  if (groupData.value === undefined)
+    return
+
+  const err = await group.delInvite(groupData.value.shortName, code)
+  if (err)
+    inviteFormData.error = err
+
+  delete inviteFormData.pendingDel
+}
+</script>
+
+<template>
+  <div>
+    <div v-if="!initFormData.shortName">
+      <h3 text-xl font-semibold>
+        Group not found
+      </h3>
+    </div>
+
+    <div v-else>
+      <h3 text-lg font-semibold>
+        <span>
+          Edit {{ initFormData.ogName }} Group
+        </span>
+      </h3>
+      <TabView>
+        <TabPanel header="Info">
+          <form mt-5 @submit.prevent="update">
+            <div flex flex-col gap-2>
+              <div>
+                <span class="p-float-label">
+                  <InputText id="name" v-model="formData.name" type="text" required class="w-full" />
+                  <label for="name">Name</label>
+                </span>
+                <small class="p-error">{{ formData.error?.fields?.name || '&nbsp;' }}</small>
+              </div>
+
+              <div>
+                <span class="p-float-label">
+                  <InputText id="shortName" v-model="formData.shortName" type="text" required class="w-full" />
+                  <label for="shortName">Short name</label>
+                </span>
+                <small class="p-error">{{ formData.error?.fields?.shortName || '&nbsp;' }}</small>
+              </div>
+
+              <div>
+                <span class="p-float-label">
+                  <InputText id="description" v-model="formData.description" type="text" required class="w-full" />
+                  <label for="description">Description</label>
+                </span>
+                <small class="p-error">{{ formData.error?.fields?.description || '&nbsp;' }}</small>
+              </div>
+
+              <div flex gap-3>
+                <Button type="submit">
+                  Save changes
+                </Button>
+
+                <Button label="Delete" severity="danger" text @click="del">
+                  Delete
+                </Button>
+              </div>
+            </div>
+          </form>
+        </TabPanel>
+        <TabPanel header="Invites">
+          <Dialog v-model:visible="inviteFormData.dialog" :modal="true" header="New invite">
+            <Dropdown
+              v-model="inviteFormData.role"
+              option-value="code"
+              editable
+              :options="options" option-label="name" placeholder="Select a role" class="w-full"
+            />
+
+            <template #footer>
+              <Button text type="button" :loading="inviteFormData.pending" @click="createlink">
+                Create
+              </Button>
+            </template>
+          </Dialog>
+
+          <Toolbar class="mb-4">
+            <template #end>
+              <Button label="New" severity="success" class="mr-2" @click="inviteFormData.dialog = true" />
+            </template>
+          </Toolbar>
+
+          <div v-if="invitesData.length === 0">
+            <div flex justify-center>
+              <span>No invites available!</span>
+            </div>
+          </div>
+
+          <DataTable v-else :value="invitesData">
+            <Column field="id" header="ID" />
+            <Column field="role" header="Role">
+              <template #body="{ data }">
+                <Tag :severity="roleTagMapping[data.role as GroupRoles]">
+                  {{ data.role }}
+                </Tag>
+              </template>
+            </Column>
+            <Column field="code" header="Code">
+              <template #body="{ data }">
+                <span font-mono>{{ data.code }}</span>
+              </template>
+            </Column>
+            <Column field="code" header="Actions">
+              <template #body="{ data }">
+                <div flex gap-3>
+                  <Button v-tooltip.bottom="'Copy link'" icon="true" text @click="copyLink(data.code)">
+                    <div i-tabler-copy />
+                  </Button>
+                  <Button icon="true" severity="danger" text :loading="inviteFormData.pendingDel === data.code" @click="delinvite(data.code)">
+                    <div i-tabler-trash />
+                  </Button>
+                </div>
+              </template>
+            </Column>
+          </DataTable>
+        </TabPanel>
+      </TabView>
+    </div>
+  </div>
+</template>
diff --git a/pages/@[[institution]]/manage/groups/new.vue b/pages/@[[institution]]/manage/groups/new.vue
new file mode 100644
index 0000000..0510ee1
--- /dev/null
+++ b/pages/@[[institution]]/manage/groups/new.vue
@@ -0,0 +1,100 @@
+<script setup lang="ts">
+import { useToast } from 'primevue/usetoast'
+import Button from 'primevue/button'
+import InputText from 'primevue/inputtext'
+import type { ValidationError } from '~/utils/error'
+
+definePageMeta({
+  layout: 'app',
+  middleware: 'god-mode',
+})
+
+const toast = useToast()
+
+const auth = useAuthStore()
+const group = useGroupStore()
+const headers = useRequestHeaders(['cookie'])
+useAsyncData(async () => {
+  await group.init(headers.cookie)
+  return true
+})
+
+const initFormData = {
+  name: '',
+  shortName: '',
+  description: '',
+  isLoading: false,
+  error: {},
+}
+
+const formData = ref<{
+  name: string
+  shortName: string
+  description: string
+  isLoading: boolean
+  error: ValidationError
+}>(initFormData)
+
+async function create() {
+  const err = await group.create(formData.value.name, formData.value.shortName, formData.value.description)
+  if (err) {
+    formData.value.error = err
+  }
+  else {
+    toast.add({
+      severity: 'success',
+      summary: 'Success',
+      detail: 'Group created',
+    })
+    navigateTo(`/@${auth.institution?.shortName}/manage/groups/${formData.value.shortName}`)
+  }
+}
+</script>
+
+<template>
+  <div>
+    <h3 text-lg font-semibold>
+      <span>
+        Create group
+      </span>
+    </h3>
+
+    <div mt-5>
+      <form @submit.prevent="create">
+        <div flex flex-col gap-2>
+          <div>
+            <span class="p-float-label">
+              <InputText id="name" v-model="formData.name" type="text" required class="w-full" />
+              <label for="name">Name</label>
+            </span>
+            <small class="p-error">{{ formData.error?.fields?.name || '&nbsp;' }}</small>
+          </div>
+
+          <div>
+            <span class="p-float-label">
+              <InputText id="shortName" v-model="formData.shortName" type="text" required class="w-full" />
+              <label for="shortName">Short name</label>
+            </span>
+            <small class="p-error">{{ formData.error?.fields?.shortName || '&nbsp;' }}</small>
+          </div>
+
+          <div>
+            <span class="p-float-label">
+              <InputText id="description" v-model="formData.description" type="text" required class="w-full" />
+              <label for="description">Description</label>
+            </span>
+            <small class="p-error">{{ formData.error?.fields?.description || '&nbsp;' }}</small>
+          </div>
+
+          <div>
+            <div flex gap-3>
+              <Button type="submit">
+                Create
+              </Button>
+            </div>
+          </div>
+        </div>
+      </form>
+    </div>
+  </div>
+</template>
diff --git a/pages/@[[institution]]/manage/index.vue b/pages/@[[institution]]/manage/index.vue
new file mode 100644
index 0000000..3320880
--- /dev/null
+++ b/pages/@[[institution]]/manage/index.vue
@@ -0,0 +1,68 @@
+<script setup lang="ts">
+import Card from 'primevue/card'
+import Button from 'primevue/button'
+
+definePageMeta({
+  layout: 'app',
+  middleware: 'god-mode',
+})
+
+const group = useGroupStore()
+const headers = useRequestHeaders(['cookie'])
+useAsyncData(async () => {
+  await group.init(headers.cookie)
+  return true
+})
+
+interface AdminPages {
+  text: string
+  link: string
+}
+
+const adminPages = [
+  {
+    text: 'Manage Group',
+    link: 'manage/groups/new',
+  },
+  {
+    text: 'View available Pet Accessories and Vouchers',
+    link: 'manage/rewards',
+  },
+  {
+    text: 'Modify Pet Accessories and Vouchers',
+    link: 'manage/add-rewards',
+  },
+] satisfies AdminPages[]
+</script>
+
+<template>
+  <div>
+    <h1 p-5 text-center text-3xl>
+      iNProve Administrative Page
+    </h1>
+    <div grid="~ gap-5 cols-1 md:cols-2" justify-center>
+      <div v-for="adminPage in adminPages" :key="adminPage.text" class="card">
+        <Card>
+          <template #title>
+            {{ adminPage.text }}
+          </template>
+          <template #content>
+            <p>
+              {{ adminPage.text }}
+            </p>
+          </template>
+          <template #footer>
+            <NuxtLink :to="adminPage.link">
+              <Button>
+                <div class="i-material-symbols-arrow-outward-rounded" me-2 h-5 w-5 />
+                <div>
+                  Configure Now!
+                </div>
+              </Button>
+            </NuxtLink>
+          </template>
+        </Card>
+      </div>
+    </div>
+  </div>
+</template>
diff --git a/pages/@[[institution]]/manage/rewards.vue b/pages/@[[institution]]/manage/rewards.vue
new file mode 100644
index 0000000..6ea2b49
--- /dev/null
+++ b/pages/@[[institution]]/manage/rewards.vue
@@ -0,0 +1,12 @@
+<script setup lang="ts">
+definePageMeta({
+  layout: 'app',
+  middleware: 'auth',
+})
+</script>
+
+<template>
+  <div>
+    this is the dashboard!
+  </div>
+</template>
diff --git a/pages/login.vue b/pages/login.vue
index e490bcb..52ab1fa 100644
--- a/pages/login.vue
+++ b/pages/login.vue
@@ -28,7 +28,7 @@ async function login() {
   formData.isLoading = true
   const err = await auth.login(formData.email, formData.password)
   if (!err)
-    return navigateTo('/dashboard')
+    return navigateTo(`/@${auth.institution?.shortName}/dashboard`)
   formData.error = err
   formData.isLoading = false
 }
diff --git a/pages/s/[code].vue b/pages/s/[code].vue
index 374328c..d2385f6 100644
--- a/pages/s/[code].vue
+++ b/pages/s/[code].vue
@@ -45,7 +45,7 @@ async function register() {
     formData.firstName, formData.lastName, formData.email, formData.password,
   )
   if (!err)
-    return navigateTo('/dashboard')
+    return navigateTo(`/@${data.value?.institution.shortName}/dashboard`)
   formData.error = err
   formData.isLoading = false
 }
diff --git a/utils/api.ts b/utils/api.ts
index 03621eb..79059bb 100644
--- a/utils/api.ts
+++ b/utils/api.ts
@@ -6,6 +6,7 @@ interface Institution {
 }
 
 interface User {
+  institution: Institution | null | undefined
   firstName: string
   lastName: string
   email: string
@@ -23,3 +24,19 @@ interface InstitutionInviteLink {
 }
 
 type InstitutionRoles = 'admin' | 'educator' | 'member'
+
+interface Group {
+  id: number
+  name: string
+  shortName: string
+  description: string
+}
+
+interface GroupInviteLink {
+  id: string
+  code: string
+  role: GroupRoles
+  group: Group
+}
+
+type GroupRoles = 'owner' | 'educator' | 'member'