literally every time

client/src/api/AuthApi.ts

@@ -0,0 +1,49 @@
+
+// service to interact with the api/auth endpoints 
+// handles user registration, user logins, tokens, password reset, etc.
+
+import api from "./axios.ts"
+import type { User } from "../models/User.ts";
+
+const API_URL: string = "/auth";
+
+export const register = async (user: { username: string; email: string; password: string }) => {
+
+	try {
+		const response = await api.post(`${API_URL}/register`, user);
+
+		// TODO: if valid
+
+		return true;
+
+		// else return false
+
+	} catch (err) {
+		return false;
+	}
+
+}
+
+export const login = async (user: { username: string; password: string }) => {
+
+	try {
+		const response = await api.post(`${API_URL}/login`, user);
+		const token = response.data.token;
+
+		localStorage.setItem("token", token);
+
+		return true;
+
+	} catch (err) {
+		return false;
+	}
+
+}
+
+export const logout = () => {
+	localStorage.removeItem("token");
+}
+
+export const getToken = () => {
+	return localStorage.getItem("token");
+}

client/src/api/axios.ts

@@ -0,0 +1,24 @@
+
+// http service hub
+// handles interceptors and such
+
+import axios from "axios";
+
+const baseUrl: string = import.meta.env.DEV ? import.meta.env.VITE_DEV_API_URL : "https://app.vxbard.net/api"
+const api = axios.create({
+	baseURL: baseUrl
+});
+
+api.interceptors.request.use(config => {
+
+    const token = localStorage.getItem("token");
+
+    if (token) {
+        config.headers.Authorization = `Bearer ${token}`;
+    }
+
+    return config;
+
+});
+
+export default api;