reorganize all frontend items

frontend/api/index.ts

@@ -1,5 +1,20 @@
+import { RecipeAPI } from "./class-interfaces/recipes";
+import { ApiRequestInstance } from "~/types/api";
 
+class Api {
+  private static instance: Api;
+  public recipes: RecipeAPI;
 
+  constructor(requests: ApiRequestInstance) {
+    if (Api.instance instanceof Api) {
+      return Api.instance;
+    }
 
-export const api = {}
+    this.recipes = new RecipeAPI(requests);
 
+    Object.freeze(this);
+    Api.instance = this;
+  }
+}
+
+export { Api };