Vibed it... :(

frontend/src/services/api.ts

@@ -0,0 +1,143 @@
+import axios from 'axios';
+
+const API_BASE_URL = process.env.REACT_APP_API_URL || 'http://localhost:5000/api';
+
+const api = axios.create({
+  baseURL: API_BASE_URL,
+  headers: {
+    'Content-Type': 'application/json',
+  },
+});
+
+// Add auth token to requests
+api.interceptors.request.use((config) => {
+  const token = localStorage.getItem('token');
+  if (token && config.headers) {
+    config.headers.Authorization = `Bearer ${token}`;
+  }
+  return config;
+});
+
+// Handle auth errors
+api.interceptors.response.use(
+  (response) => response,
+  (error) => {
+    if (error.response?.status === 401) {
+      localStorage.removeItem('token');
+      localStorage.removeItem('user');
+      window.location.href = '/login';
+    }
+    return Promise.reject(error);
+  }
+);
+
+export interface Recipe {
+  _id: string;
+  title: string;
+  description: string;
+  ingredients: Array<{
+    name: string;
+    amount: number;
+    unit: string;
+  }>;
+  instructions: Array<{
+    step: number;
+    description: string;
+  }>;
+  servings: number;
+  prepTime: number;
+  cookTime: number;
+  category: 'breakfast' | 'lunch' | 'dinner' | 'dessert' | 'snack' | 'appetizer';
+  difficulty: 'easy' | 'medium' | 'hard';
+  imageUrl: string;
+  createdAt: string;
+}
+
+export interface User {
+  id: string;
+  username: string;
+  email: string;
+}
+
+export interface AuthResponse {
+  token: string;
+  user: User;
+}
+
+export interface ApiResponse<T> {
+  data: T;
+  message?: string;
+}
+
+export interface UserSelection {
+  _id: string;
+  userId: string;
+  selectedRecipes: Array<{
+    recipeId: Recipe;
+    quantity: number;
+    addedAt: string;
+  }>;
+  aggregatedIngredients: Array<{
+    name: string;
+    totalAmount: number;
+    unit: string;
+    recipes: Array<{
+      recipeId: string;
+      recipeTitle: string;
+      amount: number;
+      quantity: number;
+    }>;
+  }>;
+  createdAt: string;
+  updatedAt: string;
+}
+
+// Auth API
+export const authAPI = {
+  register: (userData: { username: string; email: string; password: string }) =>
+    api.post<AuthResponse>('/users/register', userData),
+  
+  login: (credentials: { email: string; password: string }) =>
+    api.post<AuthResponse>('/users/login', credentials),
+  
+  getProfile: () =>
+    api.get<User>('/users/profile'),
+};
+
+// Recipes API
+export const recipesAPI = {
+  getAll: (params?: { category?: string; difficulty?: string; search?: string }) =>
+    api.get('/recipes', { params }),
+  
+  getById: (id: string) =>
+    api.get(`/recipes/${id}`),
+  
+  create: (recipe: Omit<Recipe, '_id' | 'createdAt'>) =>
+    api.post('/recipes', recipe),
+  
+  update: (id: string, recipe: Partial<Recipe>) =>
+    api.put(`/recipes/${id}`, recipe),
+  
+  delete: (id: string) =>
+    api.delete(`/recipes/${id}`),
+};
+
+// Selections API
+export const selectionsAPI = {
+  get: () =>
+    api.get<UserSelection>('/selections'),
+  
+  addRecipe: (recipeId: string, quantity: number = 1) =>
+    api.post<UserSelection>('/selections/add', { recipeId, quantity }),
+  
+  updateQuantity: (recipeId: string, quantity: number) =>
+    api.put<UserSelection>('/selections/update', { recipeId, quantity }),
+  
+  removeRecipe: (recipeId: string) =>
+    api.delete<UserSelection>(`/selections/remove/${recipeId}`),
+  
+  clear: () =>
+    api.delete<UserSelection>('/selections/clear'),
+};
+
+export default api;