5 files changed, 89 insertions, 0 deletions

diff --git a/fe/src/lib/Card.svelte b/fe/src/lib/Card.svelte
new file mode 100644
index 0000000..feb5bcc
--- /dev/null
+++ b/fe/src/lib/Card.svelte
@@ -0,0 +1,22 @@
+<script lang="ts">
+export let title;
+</script>
+
+<div class="card">
+    {#if title}
+        <h2>{title}</h2>
+    {/if}
+    <slot />   
+</div>
+
+<style>
+.card {
+    background: #fff;
+    width: 16rem;
+    display: flex;
+    flex-direction: column;
+    align-items: left;
+    border: solid 2px #00000066;
+    border-radius: 0.25em;
+}
+</style>
diff --git a/fe/src/lib/Counter.svelte b/fe/src/lib/Counter.svelte
new file mode 100644
index 0000000..979b4df
--- /dev/null
+++ b/fe/src/lib/Counter.svelte
@@ -0,0 +1,10 @@
+<script lang="ts">
+  let count: number = 0
+  const increment = () => {
+    count += 1
+  }
+</script>
+
+<button on:click={increment}>
+  count is {count}
+</button>
diff --git a/fe/src/lib/Table.svelte b/fe/src/lib/Table.svelte
new file mode 100644
index 0000000..2df9f8c
--- /dev/null
+++ b/fe/src/lib/Table.svelte
@@ -0,0 +1,41 @@
+<script lang="ts">
+    export let data;
+    export let nofooter: boolean = false;
+    export let noheader: boolean = false;
+    export let title: string;
+</script>
+<table>
+    {#if title}
+    <h2>{title}</h2>
+    {/if}
+    {#if !noheader}
+    <thead>
+        <tr>
+            <th>
+                Data Header
+            </th>
+        </tr>
+    </thead>
+    {/if}
+    <tbody>
+        <tr>
+            <td>Data</td>
+        </tr>
+    </tbody>
+    {#if !nofooter}
+    <slot name="footer">
+       <tfoot>
+        <tr>
+            <td>Table Footer</td>
+        </tr>
+       </tfoot>
+    </slot>
+    {/if}
+</table>
+<style>
+table {
+    padding: 16px;
+    margin: 8px;
+    border: solid 1px black;
+}
+</style>
diff --git a/fe/src/lib/errors.ts b/fe/src/lib/errors.ts
new file mode 100644
index 0000000..0663d63
--- /dev/null
+++ b/fe/src/lib/errors.ts
@@ -0,0 +1,7 @@
+export class UnauthorizedError extends Error {
+    constructor (message?: string , options?: ErrorOptions) {
+        super(message, options);
+    }
+}
+
+
diff --git a/fe/src/lib/utils.ts b/fe/src/lib/utils.ts
new file mode 100644
index 0000000..c5501ae
--- /dev/null
+++ b/fe/src/lib/utils.ts
@@ -0,0 +1,9 @@
+export function processFormInput(form) {
+    const formData = new FormData(form);
+    const data = {};
+    for (let field of formData) {
+        const [key, value] = field;
+        data[key] = value;
+    }
+    return data;
+}