diff --git a/anything-frontend/package-lock.json b/anything-frontend/package-lock.json
index 57b1dac..df71e46 100644
--- a/anything-frontend/package-lock.json
+++ b/anything-frontend/package-lock.json
@@ -110,6 +110,7 @@
       "integrity": "sha512-CGOfOJqWjg2qW/Mb6zNsDm+u5vFQ8DxXfbM09z69p5Z6+mE1ikP2jUXw+j42Pf1XTYED2Rni5f95npYeuwMDQA==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@babel/code-frame": "^7.29.0",
         "@babel/generator": "^7.29.0",
@@ -673,6 +674,7 @@
         }
       ],
       "license": "MIT",
+      "peer": true,
       "engines": {
         "node": ">=18"
       },
@@ -696,6 +698,7 @@
         }
       ],
       "license": "MIT",
+      "peer": true,
       "engines": {
         "node": ">=18"
       }
@@ -2398,13 +2401,6 @@
         "tailwindcss": "4.2.0"
       }
     },
-    "node_modules/@tailwindcss/node/node_modules/tailwindcss": {
-      "version": "4.1.18",
-      "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-4.1.18.tgz",
-      "integrity": "sha512-4+Z+0yiYyEtUVCScyfHCxOYP06L5Ne+JiHhY2IjR2KWMIWhJOYZKLSGZaP5HkZ8+bY0cxfzwDE5uOmzFXyIwxw==",
-      "dev": true,
-      "license": "MIT"
-    },
     "node_modules/@tailwindcss/oxide": {
       "version": "4.2.0",
       "resolved": "https://registry.npmjs.org/@tailwindcss/oxide/-/oxide-4.2.0.tgz",
@@ -2724,13 +2720,6 @@
         "tailwindcss": "4.2.0"
       }
     },
-    "node_modules/@tailwindcss/postcss/node_modules/tailwindcss": {
-      "version": "4.1.18",
-      "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-4.1.18.tgz",
-      "integrity": "sha512-4+Z+0yiYyEtUVCScyfHCxOYP06L5Ne+JiHhY2IjR2KWMIWhJOYZKLSGZaP5HkZ8+bY0cxfzwDE5uOmzFXyIwxw==",
-      "dev": true,
-      "license": "MIT"
-    },
     "node_modules/@tanstack/query-core": {
       "version": "5.90.20",
       "resolved": "https://registry.npmjs.org/@tanstack/query-core/-/query-core-5.90.20.tgz",
@@ -2756,6 +2745,7 @@
       "resolved": "https://registry.npmjs.org/@tanstack/react-query/-/react-query-5.90.21.tgz",
       "integrity": "sha512-0Lu6y5t+tvlTJMTO7oh5NSpJfpg/5D41LlThfepTixPYkJ0sE2Jj0m0f6yYqujBwIXlId87e234+MxG3D3g7kg==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@tanstack/query-core": "5.90.20"
       },
@@ -2890,8 +2880,7 @@
       "resolved": "https://registry.npmjs.org/@types/aria-query/-/aria-query-5.0.4.tgz",
       "integrity": "sha512-rfT93uj5s0PRL7EzccGMs3brplhcrghnDoV26NqKhCAS1hVo+WdNsPvE/yb6ilfr5hi2MEk6d5EWJTKdxg8jVw==",
       "dev": true,
-      "license": "MIT",
-      "peer": true
+      "license": "MIT"
     },
     "node_modules/@types/babel__core": {
       "version": "7.20.5",
@@ -3060,6 +3049,7 @@
       "integrity": "sha512-ilcTH/UniCkMdtexkoCN0bI7pMcJDvmQFPvuPvmEaYA/NSfFTAgdUSLAoVjaRJm7+6PvcM+q1zYOwS4wTYMF9w==",
       "devOptional": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "csstype": "^3.2.2"
       }
@@ -3070,6 +3060,7 @@
       "integrity": "sha512-jp2L/eY6fn+KgVVQAOqYItbF0VY/YApe5Mz2F0aykSO8gx31bYCZyvSeYxCHKvzHG5eZjc+zyaS5BrBWya2+kQ==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "peerDependencies": {
         "@types/react": "^19.2.0"
       }
@@ -3150,6 +3141,7 @@
       "integrity": "sha512-4z2nCSBfVIMnbuu8uinj+f0o4qOeggYJLbjpPHka3KH1om7e+H9yLKTYgksTaHcGco+NClhhY2vyO3HsMH1RGw==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@typescript-eslint/scope-manager": "8.55.0",
         "@typescript-eslint/types": "8.55.0",
@@ -3656,6 +3648,7 @@
       "integrity": "sha512-NZyJarBfL7nWwIq+FDL6Zp/yHEhePMNnnJ0y3qfieCrmNvYct8uvtiV41UvlSe6apAfk0fY1FbWx+NwfmpvtTg==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "bin": {
         "acorn": "bin/acorn"
       },
@@ -4145,6 +4138,7 @@
         }
       ],
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "baseline-browser-mapping": "^2.9.0",
         "caniuse-lite": "^1.0.30001759",
@@ -4722,8 +4716,7 @@
       "resolved": "https://registry.npmjs.org/dom-accessibility-api/-/dom-accessibility-api-0.5.16.tgz",
       "integrity": "sha512-X7BJ2yElsnOJ30pZF4uIIDfBEVgF4XEBxL9Bxhy6dnrm5hkzqmsWHGTiHqRiITNhMyFLyAiWndIJP7Z1NTteDg==",
       "dev": true,
-      "license": "MIT",
-      "peer": true
+      "license": "MIT"
     },
     "node_modules/dunder-proto": {
       "version": "1.0.1",
@@ -5017,6 +5010,7 @@
       "integrity": "sha512-LEyamqS7W5HB3ujJyvi0HQK/dtVINZvd5mAAp9eT5S/ujByGjiZLCzPcHVzuXbpJDJF/cxwHlfceVUDZ2lnSTw==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@eslint-community/eslint-utils": "^4.8.0",
         "@eslint-community/regexpp": "^4.12.1",
@@ -5202,6 +5196,7 @@
       "integrity": "sha512-whOE1HFo/qJDyX4SnXzP4N6zOWn79WhnCUY/iDR0mPfQZO8wcYE4JClzI2oZrhBnnMUCBCHZhO6VQyoBU95mZA==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@rtsao/scc": "^1.1.0",
         "array-includes": "^3.1.9",
@@ -7842,6 +7837,7 @@
       "integrity": "sha512-Cvc9WUhxSMEo4McES3P7oK3QaXldCfNWp7pl2NNeiIFlCoLr3kfq9kb1fxftiwk1FLV7CvpvDfonxtzUDeSOPg==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "cssstyle": "^4.2.1",
         "data-urls": "^5.0.0",
@@ -8329,7 +8325,6 @@
       "integrity": "sha512-h5bgJWpxJNswbU7qCrV0tIKQCaS3blPDrqKWx+QxzuzL1zGUzij9XCWLrSLsJPu5t+eWA/ycetzYAO5IOMcWAQ==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "bin": {
         "lz-string": "bin/bin.js"
       }
@@ -9143,7 +9138,6 @@
       "integrity": "sha512-Qb1gy5OrP5+zDf2Bvnzdl3jsTf1qXVMazbvCoKhtKqVs4/YK4ozX4gKQJJVyNe+cajNPn0KoC0MC3FUmaHWEmQ==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "ansi-regex": "^5.0.1",
         "ansi-styles": "^5.0.0",
@@ -9159,7 +9153,6 @@
       "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "engines": {
         "node": ">=10"
       },
@@ -9239,6 +9232,7 @@
       "resolved": "https://registry.npmjs.org/react/-/react-19.2.4.tgz",
       "integrity": "sha512-9nfp2hYpCwOjAN+8TZFGhtWEwgvWHXqESH8qT89AT/lWklpLON22Lc8pEtnpsZz7VmawabSU0gCjnj8aC0euHQ==",
       "license": "MIT",
+      "peer": true,
       "engines": {
         "node": ">=0.10.0"
       }
@@ -9248,6 +9242,7 @@
       "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-19.2.4.tgz",
       "integrity": "sha512-AXJdLo8kgMbimY95O2aKQqsz2iWi9jMgKJhRBAxECE4IFxfcazB2LmzloIoibJI3C12IlY20+KFaLv+71bUJeQ==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "scheduler": "^0.27.0"
       },
@@ -9260,8 +9255,7 @@
       "resolved": "https://registry.npmjs.org/react-is/-/react-is-17.0.2.tgz",
       "integrity": "sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w==",
       "dev": true,
-      "license": "MIT",
-      "peer": true
+      "license": "MIT"
     },
     "node_modules/redent": {
       "version": "3.0.0",
@@ -10318,6 +10312,7 @@
       "integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "engines": {
         "node": ">=12"
       },
@@ -10566,6 +10561,7 @@
       "integrity": "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==",
       "dev": true,
       "license": "Apache-2.0",
+      "peer": true,
       "bin": {
         "tsc": "bin/tsc",
         "tsserver": "bin/tsserver"
@@ -11146,6 +11142,7 @@
       "integrity": "sha512-rftlrkhHZOcjDwkGlnUtZZkvaPHCsDATp4pGpuOOMDaTdDDXF91wuVDJoWoPsKX/3YPQ5fHuF3STjcYyKr+Qhg==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "funding": {
         "url": "https://github.com/sponsors/colinhacks"
       }
diff --git a/anything-frontend/src/app/page.tsx b/anything-frontend/src/app/page.tsx
index e6918b2..35e6cbc 100644
--- a/anything-frontend/src/app/page.tsx
+++ b/anything-frontend/src/app/page.tsx
@@ -83,6 +83,13 @@ export default function Home() {
                     >
                       Shopping Lists
                     </Button>
+                    <Button
+                      variant="outline"
+                      size="sm"
+                      onClick={() => router.push("/recipes")}
+                    >
+                      Recipes
+                    </Button>
                     <Button
                       variant="outline"
                       size="sm"
diff --git a/anything-frontend/src/app/recipes/[id]/page.test.tsx b/anything-frontend/src/app/recipes/[id]/page.test.tsx
new file mode 100644
index 0000000..3afde57
--- /dev/null
+++ b/anything-frontend/src/app/recipes/[id]/page.test.tsx
@@ -0,0 +1,478 @@
+import { screen, waitFor } from '@testing-library/react'
+import userEvent from '@testing-library/user-event'
+import { render } from '@/__tests__/utils/test-utils'
+import RecipeDetailPage from './page'
+import { toast } from 'sonner'
+
+// Mock the apiClient module
+const mockRecipeGet = jest.fn()
+const mockRecipePut = jest.fn()
+const mockIngredientsGet = jest.fn()
+const mockIngredientsPost = jest.fn()
+const mockIngredientByIdPut = jest.fn()
+const mockIngredientByIdDelete = jest.fn()
+const mockStepsGet = jest.fn()
+const mockStepsPost = jest.fn()
+const mockStepByIdPut = jest.fn()
+const mockStepByIdDelete = jest.fn()
+const mockImagesGet = jest.fn()
+const mockImagesPost = jest.fn()
+const mockImageByIdDelete = jest.fn()
+const mockAddToShoppingListPost = jest.fn()
+
+const mockIngredientById = jest.fn(() => ({ put: mockIngredientByIdPut, delete: mockIngredientByIdDelete }))
+const mockStepById = jest.fn(() => ({ put: mockStepByIdPut, delete: mockStepByIdDelete }))
+const mockImageById = jest.fn(() => ({ delete: mockImageByIdDelete }))
+const mockById = jest.fn(() => ({
+  get: mockRecipeGet,
+  put: mockRecipePut,
+  delete: jest.fn(),
+  ingredients: { get: mockIngredientsGet, post: mockIngredientsPost, byId: mockIngredientById },
+  steps: { get: mockStepsGet, post: mockStepsPost, byId: mockStepById },
+  images: { get: mockImagesGet, post: mockImagesPost, byId: mockImageById },
+  addToShoppingList: { post: mockAddToShoppingListPost },
+}))
+
+jest.mock('@/lib/apiClient', () => ({
+  apiClient: {
+    api: {
+      recipes: {
+        get: jest.fn().mockResolvedValue([]),
+        post: jest.fn(),
+        byId: (...args: unknown[]) => mockById(...args),
+      },
+      shoppingLists: {
+        get: jest.fn().mockResolvedValue([{ id: 1, name: 'My List' }]),
+        post: jest.fn(),
+        byId: jest.fn(() => ({
+          get: jest.fn(),
+          delete: jest.fn(),
+          items: { get: jest.fn(), post: jest.fn(), byId: jest.fn() },
+          complete: { post: jest.fn() },
+        })),
+      },
+    },
+  },
+}))
+
+// Mock next/navigation
+const mockPush = jest.fn()
+jest.mock('next/navigation', () => ({
+  useRouter: () => ({ push: mockPush }),
+  useParams: () => ({ id: '1' }),
+}))
+
+// Mock useAuth
+jest.mock('@/hooks/useAuth', () => ({
+  useCurrentUser: () => ({ data: null }),
+  useLogout: () => ({ mutateAsync: jest.fn(), isPending: false }),
+}))
+
+// Mock toast
+jest.mock('sonner', () => ({
+  toast: {
+    success: jest.fn(),
+    error: jest.fn(),
+  },
+  Toaster: () => null,
+}))
+
+const mockRecipe = { id: 1, name: 'Test Recipe', createdOn: '2024-01-01T00:00:00Z' }
+
+describe('RecipeDetailPage', () => {
+  beforeEach(() => {
+    jest.clearAllMocks()
+    mockRecipeGet.mockResolvedValue(mockRecipe)
+    mockIngredientsGet.mockResolvedValue([])
+    mockStepsGet.mockResolvedValue([])
+    mockImagesGet.mockResolvedValue([])
+  })
+
+  it('should render back button "← Back to Recipes"', () => {
+    render(<RecipeDetailPage />)
+
+    expect(screen.getByText('← Back to Recipes')).toBeInTheDocument()
+  })
+
+  it('should display loading state', () => {
+    mockRecipeGet.mockImplementation(() => new Promise(() => { // Promise that never resolves to simulate loading state
+    }))
+
+    render(<RecipeDetailPage />)
+
+    expect(screen.getByText('Loading...')).toBeInTheDocument()
+  })
+
+  it('should display error state when recipe fetch fails', async () => {
+    mockRecipeGet.mockRejectedValue(new Error('API error'))
+
+    render(<RecipeDetailPage />)
+
+    await waitFor(() => {
+      expect(screen.getByText(/Failed to load recipe/i)).toBeInTheDocument()
+    })
+  })
+
+  it('should display recipe name when loaded', async () => {
+    render(<RecipeDetailPage />)
+
+    await waitFor(() => {
+      expect(screen.getByText('Test Recipe')).toBeInTheDocument()
+    })
+  })
+
+  it('should display recipe link when present and it is a safe URL', async () => {
+    mockRecipeGet.mockResolvedValue({
+      ...mockRecipe,
+      link: 'https://example.com/recipe',
+    })
+
+    render(<RecipeDetailPage />)
+
+    await waitFor(() => {
+      const link = screen.getByRole('link', { name: 'https://example.com/recipe' })
+      expect(link).toBeInTheDocument()
+      expect(link).toHaveAttribute('href', 'https://example.com/recipe')
+    })
+  })
+
+  it('should display recipe notes when present', async () => {
+    mockRecipeGet.mockResolvedValue({
+      ...mockRecipe,
+      notes: 'These are my recipe notes',
+    })
+
+    render(<RecipeDetailPage />)
+
+    await waitFor(() => {
+      expect(screen.getByText('These are my recipe notes')).toBeInTheDocument()
+    })
+  })
+
+  it('should switch to edit mode when Edit button is clicked', async () => {
+    const user = userEvent.setup()
+
+    render(<RecipeDetailPage />)
+
+    await waitFor(() => {
+      expect(screen.getByText('Test Recipe')).toBeInTheDocument()
+    })
+
+    const editButton = screen.getByRole('button', { name: 'Edit' })
+    await user.click(editButton)
+
+    expect(screen.getByRole('button', { name: 'Done' })).toBeInTheDocument()
+    expect(screen.getByRole('button', { name: 'Edit Details' })).toBeInTheDocument()
+  })
+
+  it('should not show Edit Details button in view mode', async () => {
+    render(<RecipeDetailPage />)
+
+    await waitFor(() => {
+      expect(screen.getByText('Test Recipe')).toBeInTheDocument()
+    })
+
+    expect(screen.queryByRole('button', { name: 'Edit Details' })).not.toBeInTheDocument()
+  })
+
+  it('should show Add Ingredient form in edit mode', async () => {
+    const user = userEvent.setup()
+
+    render(<RecipeDetailPage />)
+
+    await waitFor(() => {
+      expect(screen.getByRole('button', { name: 'Edit' })).toBeInTheDocument()
+    })
+
+    await user.click(screen.getByRole('button', { name: 'Edit' }))
+
+    expect(screen.getByPlaceholderText('Ingredient name')).toBeInTheDocument()
+    expect(screen.getByPlaceholderText('Amount')).toBeInTheDocument()
+  })
+
+  it('should add an ingredient in edit mode', async () => {
+    const user = userEvent.setup()
+    mockIngredientsPost.mockResolvedValueOnce({ id: 1, name: 'Flour', amount: 2, unit: 'cups', recipeId: 1 })
+
+    render(<RecipeDetailPage />)
+
+    await waitFor(() => {
+      expect(screen.getByRole('button', { name: 'Edit' })).toBeInTheDocument()
+    })
+
+    await user.click(screen.getByRole('button', { name: 'Edit' }))
+
+    await user.type(screen.getByPlaceholderText('Ingredient name'), 'Flour')
+    await user.type(screen.getByPlaceholderText('Amount'), '2')
+    await user.type(screen.getByPlaceholderText('Unit (optional)'), 'cups')
+
+    await user.click(screen.getByRole('button', { name: 'Add' }))
+
+    await waitFor(() => {
+      expect(mockIngredientsPost).toHaveBeenCalledWith({
+        name: 'Flour',
+        amount: 2,
+        unit: 'cups',
+        group: undefined,
+      })
+    })
+
+    expect(toast.success).toHaveBeenCalledWith('Ingredient added')
+  })
+
+  it('should not submit add ingredient form when name is empty', async () => {
+    const user = userEvent.setup()
+
+    render(<RecipeDetailPage />)
+
+    await waitFor(() => {
+      expect(screen.getByRole('button', { name: 'Edit' })).toBeInTheDocument()
+    })
+
+    await user.click(screen.getByRole('button', { name: 'Edit' }))
+    await user.type(screen.getByPlaceholderText('Amount'), '2')
+    await user.click(screen.getByRole('button', { name: 'Add' }))
+
+    expect(mockIngredientsPost).not.toHaveBeenCalled()
+  })
+
+  it('should not submit add ingredient form when amount is invalid', async () => {
+    const user = userEvent.setup()
+
+    render(<RecipeDetailPage />)
+
+    await waitFor(() => {
+      expect(screen.getByRole('button', { name: 'Edit' })).toBeInTheDocument()
+    })
+
+    await user.click(screen.getByRole('button', { name: 'Edit' }))
+    await user.type(screen.getByPlaceholderText('Ingredient name'), 'Flour')
+    // No amount entered
+    await user.click(screen.getByRole('button', { name: 'Add' }))
+
+    expect(mockIngredientsPost).not.toHaveBeenCalled()
+  })
+
+  it('should show error when add ingredient fails', async () => {
+    const user = userEvent.setup()
+    mockIngredientsPost.mockRejectedValueOnce(new Error('Server error'))
+
+    render(<RecipeDetailPage />)
+
+    await waitFor(() => {
+      expect(screen.getByRole('button', { name: 'Edit' })).toBeInTheDocument()
+    })
+
+    await user.click(screen.getByRole('button', { name: 'Edit' }))
+    await user.type(screen.getByPlaceholderText('Ingredient name'), 'Flour')
+    await user.type(screen.getByPlaceholderText('Amount'), '2')
+    await user.click(screen.getByRole('button', { name: 'Add' }))
+
+    await waitFor(() => {
+      expect(toast.error).toHaveBeenCalledWith('Failed to add ingredient. Please try again.')
+    })
+  })
+
+  it('should delete an ingredient in edit mode', async () => {
+    const user = userEvent.setup()
+    mockIngredientsGet.mockResolvedValue([
+      { id: 5, name: 'Flour', amount: 2, unit: 'cups', recipeId: 1 },
+    ])
+    mockIngredientByIdDelete.mockResolvedValueOnce(undefined)
+
+    render(<RecipeDetailPage />)
+
+    await waitFor(() => {
+      expect(screen.getByText(/Flour/)).toBeInTheDocument()
+    })
+
+    await user.click(screen.getByRole('button', { name: 'Edit' }))
+
+    const removeButton = screen.getByRole('button', { name: 'Remove' })
+    await user.click(removeButton)
+
+    await waitFor(() => {
+      expect(mockIngredientById).toHaveBeenCalledWith(5)
+      expect(mockIngredientByIdDelete).toHaveBeenCalled()
+    })
+
+    expect(toast.success).toHaveBeenCalledWith('Ingredient removed')
+  })
+
+  it('should add a step in edit mode', async () => {
+    const user = userEvent.setup()
+    mockStepsPost.mockResolvedValueOnce({ id: 1, text: 'Mix ingredients', order: 1, recipeId: 1 })
+
+    render(<RecipeDetailPage />)
+
+    await waitFor(() => {
+      expect(screen.getByRole('button', { name: 'Edit' })).toBeInTheDocument()
+    })
+
+    await user.click(screen.getByRole('button', { name: 'Edit' }))
+
+    await user.type(screen.getByPlaceholderText('Step description...'), 'Mix ingredients')
+    await user.click(screen.getByRole('button', { name: 'Add Step' }))
+
+    await waitFor(() => {
+      expect(mockStepsPost).toHaveBeenCalledWith({ text: 'Mix ingredients', order: 1 })
+    })
+
+    expect(toast.success).toHaveBeenCalledWith('Step added')
+  })
+
+  it('should show error when add step fails', async () => {
+    const user = userEvent.setup()
+    mockStepsPost.mockRejectedValueOnce(new Error('Server error'))
+
+    render(<RecipeDetailPage />)
+
+    await waitFor(() => {
+      expect(screen.getByRole('button', { name: 'Edit' })).toBeInTheDocument()
+    })
+
+    await user.click(screen.getByRole('button', { name: 'Edit' }))
+    await user.type(screen.getByPlaceholderText('Step description...'), 'Mix')
+    await user.click(screen.getByRole('button', { name: 'Add Step' }))
+
+    await waitFor(() => {
+      expect(toast.error).toHaveBeenCalledWith('Failed to add step. Please try again.')
+    })
+  })
+
+  it('should delete a step in edit mode', async () => {
+    const user = userEvent.setup()
+    mockStepsGet.mockResolvedValue([
+      { id: 3, text: 'Preheat oven', order: 1, recipeId: 1 },
+    ])
+    mockStepByIdDelete.mockResolvedValueOnce(undefined)
+
+    render(<RecipeDetailPage />)
+
+    await waitFor(() => {
+      expect(screen.getByText('Preheat oven')).toBeInTheDocument()
+    })
+
+    await user.click(screen.getByRole('button', { name: 'Edit' }))
+
+    // The Remove button for steps
+    const removeButtons = screen.getAllByRole('button', { name: 'Remove' })
+    await user.click(removeButtons[0])
+
+    await waitFor(() => {
+      expect(mockStepById).toHaveBeenCalledWith(3)
+      expect(mockStepByIdDelete).toHaveBeenCalled()
+    })
+
+    expect(toast.success).toHaveBeenCalledWith('Step removed')
+  })
+
+  it('should add an image in edit mode', async () => {
+    const user = userEvent.setup()
+    mockImagesPost.mockResolvedValueOnce({ id: 1, url: 'https://example.com/img.jpg', recipeId: 1 })
+
+    render(<RecipeDetailPage />)
+
+    await waitFor(() => {
+      expect(screen.getByRole('button', { name: 'Edit' })).toBeInTheDocument()
+    })
+
+    await user.click(screen.getByRole('button', { name: 'Edit' }))
+    await user.type(screen.getByPlaceholderText('Image URL...'), 'https://example.com/img.jpg')
+    await user.click(screen.getByRole('button', { name: 'Add Image' }))
+
+    await waitFor(() => {
+      expect(mockImagesPost).toHaveBeenCalledWith({ url: 'https://example.com/img.jpg' })
+    })
+
+    expect(toast.success).toHaveBeenCalledWith('Image added')
+  })
+
+  it('should delete an image in edit mode', async () => {
+    const user = userEvent.setup()
+    mockImagesGet.mockResolvedValue([
+      { id: 7, url: 'https://example.com/img.jpg', recipeId: 1 },
+    ])
+    mockImageByIdDelete.mockResolvedValueOnce(undefined)
+
+    render(<RecipeDetailPage />)
+
+    await waitFor(() => {
+      expect(screen.getAllByAltText('Recipe image').length).toBeGreaterThan(0)
+    })
+
+    await user.click(screen.getByRole('button', { name: 'Edit' }))
+
+    const removeButton = screen.getByRole('button', { name: 'Remove' })
+    await user.click(removeButton)
+
+    await waitFor(() => {
+      expect(mockImageById).toHaveBeenCalledWith(7)
+      expect(mockImageByIdDelete).toHaveBeenCalled()
+    })
+
+    expect(toast.success).toHaveBeenCalledWith('Image removed')
+  })
+
+  it('should navigate back to recipes when back button is clicked', async () => {
+    const user = userEvent.setup()
+
+    render(<RecipeDetailPage />)
+
+    const backButton = screen.getByText('← Back to Recipes')
+    await user.click(backButton)
+
+    expect(mockPush).toHaveBeenCalledWith('/recipes')
+  })
+
+  it('should add to shopping list when button clicked', async () => {
+    const user = userEvent.setup()
+    mockIngredientsGet.mockResolvedValue([
+      { id: 1, name: 'Flour', amount: 2, unit: 'cups', recipeId: 1 },
+    ])
+    mockAddToShoppingListPost.mockResolvedValueOnce(undefined)
+
+    render(<RecipeDetailPage />)
+
+    await waitFor(() => {
+      expect(screen.getByText('Add to Shopping List')).toBeInTheDocument()
+    })
+
+    const select = screen.getByRole('combobox')
+    await userEvent.selectOptions(select, '1')
+
+    const addButton = screen.getByRole('button', { name: 'Add Ingredients' })
+    await user.click(addButton)
+
+    await waitFor(() => {
+      expect(mockById).toHaveBeenCalledWith(1)
+      expect(mockAddToShoppingListPost).toHaveBeenCalledWith({ shoppingListId: 1 })
+    })
+
+    expect(toast.success).toHaveBeenCalledWith('Ingredients added to shopping list')
+  })
+
+  it('should show error when add to shopping list fails', async () => {
+    const user = userEvent.setup()
+    mockIngredientsGet.mockResolvedValue([
+      { id: 1, name: 'Flour', amount: 2, unit: 'cups', recipeId: 1 },
+    ])
+    mockAddToShoppingListPost.mockRejectedValueOnce(new Error('Server error'))
+
+    render(<RecipeDetailPage />)
+
+    await waitFor(() => {
+      expect(screen.getByText('Add to Shopping List')).toBeInTheDocument()
+    })
+
+    const select = screen.getByRole('combobox')
+    await userEvent.selectOptions(select, '1')
+
+    const addButton = screen.getByRole('button', { name: 'Add Ingredients' })
+    await user.click(addButton)
+
+    await waitFor(() => {
+      expect(toast.error).toHaveBeenCalledWith('Failed to add ingredients to shopping list. Please try again.')
+    })
+  })
+})
diff --git a/anything-frontend/src/app/recipes/[id]/page.tsx b/anything-frontend/src/app/recipes/[id]/page.tsx
new file mode 100644
index 0000000..0fb4248
--- /dev/null
+++ b/anything-frontend/src/app/recipes/[id]/page.tsx
@@ -0,0 +1,516 @@
+"use client";
+
+import { Button } from "@/components/ui/button";
+import {
+  useRecipe,
+  useRecipeIngredients,
+  useRecipeSteps,
+  useRecipeImages,
+  useUpdateRecipe,
+  useAddRecipeIngredient,
+  useDeleteRecipeIngredient,
+  useAddRecipeStep,
+  useDeleteRecipeStep,
+  useAddRecipeImage,
+  useDeleteRecipeImage,
+  useAddIngredientsToShoppingList,
+} from "@/hooks/useRecipes";
+import { useShoppingLists } from "@/hooks/useShoppingLists";
+import { useParams, useRouter } from "next/navigation";
+import { useState } from "react";
+import { toast } from "sonner";
+
+export default function RecipeDetailPage() {
+  const params = useParams();
+  const router = useRouter();
+  const recipeId = Number(params.id);
+
+  const isSafeUrl = (url: string) =>
+    url.startsWith("http://") || url.startsWith("https://");
+
+  const [isEditMode, setIsEditMode] = useState(false);
+  const [isEditingRecipe, setIsEditingRecipe] = useState(false);
+  const [editName, setEditName] = useState("");
+  const [editLink, setEditLink] = useState("");
+  const [editNotes, setEditNotes] = useState("");
+
+  const [newIngredientName, setNewIngredientName] = useState("");
+  const [newIngredientAmount, setNewIngredientAmount] = useState("");
+  const [newIngredientUnit, setNewIngredientUnit] = useState("");
+  const [newIngredientGroup, setNewIngredientGroup] = useState("");
+
+  const [newStepText, setNewStepText] = useState("");
+
+  const [newImageUrl, setNewImageUrl] = useState("");
+
+  const [selectedShoppingListId, setSelectedShoppingListId] = useState<number>(0);
+
+  const { data: recipe, isLoading, error } = useRecipe(recipeId);
+  const { data: ingredients } = useRecipeIngredients(recipeId);
+  const { data: steps } = useRecipeSteps(recipeId);
+  const { data: images } = useRecipeImages(recipeId);
+  const { data: shoppingLists } = useShoppingLists();
+
+  const updateRecipe = useUpdateRecipe();
+  const addIngredient = useAddRecipeIngredient(recipeId);
+  const deleteIngredient = useDeleteRecipeIngredient(recipeId);
+  const addStep = useAddRecipeStep(recipeId);
+  const deleteStep = useDeleteRecipeStep(recipeId);
+  const addImage = useAddRecipeImage(recipeId);
+  const deleteImage = useDeleteRecipeImage(recipeId);
+  const addToShoppingList = useAddIngredientsToShoppingList(recipeId);
+
+  const handleStartEditRecipe = () => {
+    setEditName(recipe?.name ?? "");
+    setEditLink(recipe?.link ?? "");
+    setEditNotes(recipe?.notes ?? "");
+    setIsEditingRecipe(true);
+  };
+
+  const handleSaveRecipe = async () => {
+    try {
+      await updateRecipe.mutateAsync({
+        id: recipeId,
+        name: editName,
+        link: editLink || null,
+        notes: editNotes || null,
+      });
+      setIsEditingRecipe(false);
+      toast.success("Recipe updated");
+    } catch {
+      toast.error("Failed to update recipe. Please try again.");
+    }
+  };
+
+  const handleAddIngredient = async (e: React.FormEvent) => {
+    e.preventDefault();
+    const parsedAmount = Number(newIngredientAmount);
+    if (!newIngredientName.trim() || !newIngredientAmount || isNaN(parsedAmount) || parsedAmount <= 0) return;
+
+    try {
+      await addIngredient.mutateAsync({
+        name: newIngredientName,
+        amount: parsedAmount,
+        unit: newIngredientUnit || undefined,
+        group: newIngredientGroup || undefined,
+      });
+      setNewIngredientName("");
+      setNewIngredientAmount("");
+      setNewIngredientUnit("");
+      setNewIngredientGroup("");
+      toast.success("Ingredient added");
+    } catch {
+      toast.error("Failed to add ingredient. Please try again.");
+    }
+  };
+
+  const handleDeleteIngredient = async (ingredientId: number) => {
+    try {
+      await deleteIngredient.mutateAsync(ingredientId);
+      toast.success("Ingredient removed");
+    } catch {
+      toast.error("Failed to remove ingredient. Please try again.");
+    }
+  };
+
+  const handleAddStep = async (e: React.FormEvent) => {
+    e.preventDefault();
+    if (!newStepText.trim()) return;
+
+    const nextOrder = (steps?.length ?? 0) + 1;
+    try {
+      await addStep.mutateAsync({ text: newStepText, order: nextOrder });
+      setNewStepText("");
+      toast.success("Step added");
+    } catch {
+      toast.error("Failed to add step. Please try again.");
+    }
+  };
+
+  const handleDeleteStep = async (stepId: number) => {
+    try {
+      await deleteStep.mutateAsync(stepId);
+      toast.success("Step removed");
+    } catch {
+      toast.error("Failed to remove step. Please try again.");
+    }
+  };
+
+  const handleAddImage = async (e: React.FormEvent) => {
+    e.preventDefault();
+    if (!newImageUrl.trim()) return;
+
+    try {
+      await addImage.mutateAsync(newImageUrl);
+      setNewImageUrl("");
+      toast.success("Image added");
+    } catch {
+      toast.error("Failed to add image. Please try again.");
+    }
+  };
+
+  const handleDeleteImage = async (imageId: number) => {
+    try {
+      await deleteImage.mutateAsync(imageId);
+      toast.success("Image removed");
+    } catch {
+      toast.error("Failed to remove image. Please try again.");
+    }
+  };
+
+  const handleAddToShoppingList = async () => {
+    if (!selectedShoppingListId) return;
+
+    try {
+      await addToShoppingList.mutateAsync(selectedShoppingListId);
+      toast.success("Ingredients added to shopping list");
+    } catch {
+      toast.error("Failed to add ingredients to shopping list. Please try again.");
+    }
+  };
+
+  const sortedSteps = steps ? [...steps].sort((a, b) => (a.order ?? 0) - (b.order ?? 0)) : [];
+
+  return (
+    <div className="min-h-screen bg-gradient-to-b from-gray-50 to-gray-100 dark:from-gray-900 dark:to-gray-800">
+      <main className="container mx-auto px-4 py-8 max-w-4xl">
+        <div className="bg-white dark:bg-gray-800 rounded-lg shadow-lg p-6">
+          <div className="flex justify-between items-start mb-6">
+            <div>
+              <button
+                onClick={() => router.push("/recipes")}
+                className="text-sm text-blue-600 dark:text-blue-400 hover:underline mb-2 block"
+              >
+                ← Back to Recipes
+              </button>
+              {isEditingRecipe ? (
+                <div className="space-y-2">
+                  <input
+                    type="text"
+                    value={editName}
+                    onChange={(e) => setEditName(e.target.value)}
+                    placeholder="Recipe name"
+                    className="w-full px-3 py-2 text-2xl font-bold border border-gray-300 dark:border-gray-600 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 dark:bg-gray-700 dark:text-white"
+                  />
+                  <input
+                    type="url"
+                    value={editLink}
+                    onChange={(e) => setEditLink(e.target.value)}
+                    placeholder="Recipe link (optional)"
+                    className="w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 dark:bg-gray-700 dark:text-white"
+                  />
+                  <textarea
+                    value={editNotes}
+                    onChange={(e) => setEditNotes(e.target.value)}
+                    placeholder="Notes (optional)"
+                    rows={3}
+                    className="w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 dark:bg-gray-700 dark:text-white"
+                  />
+                  <div className="flex gap-2">
+                    <Button size="sm" onClick={handleSaveRecipe} disabled={updateRecipe.isPending}>
+                      {updateRecipe.isPending ? "Saving..." : "Save"}
+                    </Button>
+                    <Button size="sm" variant="outline" onClick={() => setIsEditingRecipe(false)}>
+                      Cancel
+                    </Button>
+                  </div>
+                </div>
+              ) : (
+                <>
+                  <h1 className="text-3xl font-bold text-gray-900 dark:text-white">
+                    {recipe?.name ?? "Recipe"}
+                  </h1>
+                  {recipe?.link && isSafeUrl(recipe.link) && (
+                    <a
+                      href={recipe.link}
+                      target="_blank"
+                      rel="noopener noreferrer"
+                      className="text-blue-600 dark:text-blue-400 hover:underline text-sm mt-1 block"
+                    >
+                      {recipe.link}
+                    </a>
+                  )}
+                  {recipe?.notes && (
+                    <p className="text-gray-600 dark:text-gray-400 mt-2 text-sm whitespace-pre-wrap">
+                      {recipe.notes}
+                    </p>
+                  )}
+                </>
+              )}
+            </div>
+            <div className="flex gap-2">
+              {isEditMode && !isEditingRecipe && (
+                <Button variant="outline" size="sm" onClick={handleStartEditRecipe}>
+                  Edit Details
+                </Button>
+              )}
+              <Button
+                variant={isEditMode ? "default" : "outline"}
+                size="sm"
+                onClick={() => {
+                  setIsEditMode(!isEditMode);
+                  setIsEditingRecipe(false);
+                }}
+              >
+                {isEditMode ? "Done" : "Edit"}
+              </Button>
+            </div>
+          </div>
+
+          {isLoading && (
+            <div className="text-center py-8 text-gray-600 dark:text-gray-400">
+              Loading...
+            </div>
+          )}
+
+          {error && (
+            <div className="bg-red-50 dark:bg-red-900/20 border border-red-200 dark:border-red-800 text-red-800 dark:text-red-200 px-4 py-3 rounded mb-4">
+              Failed to load recipe. Make sure the API is running on port 5000.
+            </div>
+          )}
+
+          {/* Ingredients Section */}
+          <div className="mb-8">
+            <h2 className="text-xl font-semibold text-gray-900 dark:text-white mb-4">
+              Ingredients
+            </h2>
+
+            {isEditMode && (
+              <form onSubmit={handleAddIngredient} className="mb-4">
+                <div className="flex gap-2 flex-wrap">
+                  <input
+                    type="text"
+                    value={newIngredientName}
+                    onChange={(e) => setNewIngredientName(e.target.value)}
+                    placeholder="Ingredient name"
+                    className="flex-1 min-w-32 px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 dark:bg-gray-700 dark:text-white"
+                  />
+                  <input
+                    type="number"
+                    value={newIngredientAmount}
+                    onChange={(e) => setNewIngredientAmount(e.target.value)}
+                    placeholder="Amount"
+                    className="w-24 px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 dark:bg-gray-700 dark:text-white"
+                    step="any"
+                  />
+                  <input
+                    type="text"
+                    value={newIngredientUnit}
+                    onChange={(e) => setNewIngredientUnit(e.target.value)}
+                    placeholder="Unit (optional)"
+                    className="w-32 px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 dark:bg-gray-700 dark:text-white"
+                  />
+                  <input
+                    type="text"
+                    value={newIngredientGroup}
+                    onChange={(e) => setNewIngredientGroup(e.target.value)}
+                    placeholder="Group (optional)"
+                    className="w-32 px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 dark:bg-gray-700 dark:text-white"
+                  />
+                  <Button type="submit" disabled={addIngredient.isPending}>
+                    {addIngredient.isPending ? "Adding..." : "Add"}
+                  </Button>
+                </div>
+              </form>
+            )}
+
+            {ingredients && ingredients.length === 0 && (
+              <div className="text-center py-4 text-gray-600 dark:text-gray-400">
+                {isEditMode ? "No ingredients yet. Add some above!" : "No ingredients yet."}
+              </div>
+            )}
+
+            {ingredients && ingredients.length > 0 && (
+              <ul className="space-y-2">
+                {ingredients.map((ingredient) => (
+                  <li
+                    key={ingredient.id}
+                    className="flex items-center gap-3 p-3 border border-gray-200 dark:border-gray-700 rounded-md"
+                  >
+                    <span className="flex-1 text-gray-900 dark:text-white">
+                      {ingredient.amount} {ingredient.unit && `${ingredient.unit} `}{ingredient.name}
+                      {ingredient.group && (
+                        <span className="text-sm text-gray-500 dark:text-gray-400 ml-2">
+                          ({ingredient.group})
+                        </span>
+                      )}
+                    </span>
+                    {isEditMode && (
+                      <Button
+                        variant="destructive"
+                        size="sm"
+                        onClick={() => handleDeleteIngredient(ingredient.id!)}
+                        disabled={deleteIngredient.isPending}
+                      >
+                        Remove
+                      </Button>
+                    )}
+                  </li>
+                ))}
+              </ul>
+            )}
+
+            {/* Add to Shopping List */}
+            {ingredients && ingredients.length > 0 && shoppingLists && shoppingLists.length > 0 && (
+              <div className="mt-4 p-4 bg-gray-50 dark:bg-gray-700/30 border border-gray-200 dark:border-gray-700 rounded-md">
+                <h3 className="text-sm font-medium text-gray-900 dark:text-white mb-2">
+                  Add to Shopping List
+                </h3>
+                <div className="flex gap-2 items-center">
+                  <select
+                    value={selectedShoppingListId}
+                    onChange={(e) => setSelectedShoppingListId(Number(e.target.value))}
+                    className="flex-1 px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 dark:bg-gray-700 dark:text-white"
+                  >
+                    <option value={0}>Select a shopping list...</option>
+                    {shoppingLists.map((list) => (
+                      <option key={list.id} value={list.id ?? 0}>
+                        {list.name}
+                      </option>
+                    ))}
+                  </select>
+                  <Button
+                    onClick={handleAddToShoppingList}
+                    disabled={!selectedShoppingListId || addToShoppingList.isPending}
+                  >
+                    {addToShoppingList.isPending ? "Adding..." : "Add Ingredients"}
+                  </Button>
+                </div>
+              </div>
+            )}
+          </div>
+
+          {/* Steps Section */}
+          <div className="mb-8">
+            <h2 className="text-xl font-semibold text-gray-900 dark:text-white mb-4">
+              Steps
+            </h2>
+
+            {isEditMode && (
+              <form onSubmit={handleAddStep} className="mb-4">
+                <div className="flex gap-2">
+                  <input
+                    type="text"
+                    value={newStepText}
+                    onChange={(e) => setNewStepText(e.target.value)}
+                    placeholder="Step description..."
+                    className="flex-1 px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 dark:bg-gray-700 dark:text-white"
+                  />
+                  <Button type="submit" disabled={addStep.isPending}>
+                    {addStep.isPending ? "Adding..." : "Add Step"}
+                  </Button>
+                </div>
+              </form>
+            )}
+
+            {sortedSteps.length === 0 && (
+              <div className="text-center py-4 text-gray-600 dark:text-gray-400">
+                {isEditMode ? "No steps yet. Add some above!" : "No steps yet."}
+              </div>
+            )}
+
+            {sortedSteps.length > 0 && (
+              <ol className="space-y-2 list-decimal list-inside">
+                {sortedSteps.map((step) => (
+                  <li
+                    key={step.id}
+                    className="flex items-start gap-3 p-3 border border-gray-200 dark:border-gray-700 rounded-md"
+                  >
+                    <span className="flex-1 text-gray-900 dark:text-white">
+                      {step.text}
+                    </span>
+                    {isEditMode && (
+                      <Button
+                        variant="destructive"
+                        size="sm"
+                        onClick={() => handleDeleteStep(step.id!)}
+                        disabled={deleteStep.isPending}
+                      >
+                        Remove
+                      </Button>
+                    )}
+                  </li>
+                ))}
+              </ol>
+            )}
+          </div>
+
+          {/* Images Section */}
+          <div className="mb-4">
+            <h2 className="text-xl font-semibold text-gray-900 dark:text-white mb-4">
+              Images
+            </h2>
+
+            {isEditMode && (
+              <form onSubmit={handleAddImage} className="mb-4">
+                <div className="flex gap-2">
+                  <input
+                    type="url"
+                    value={newImageUrl}
+                    onChange={(e) => setNewImageUrl(e.target.value)}
+                    placeholder="Image URL..."
+                    className="flex-1 px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 dark:bg-gray-700 dark:text-white"
+                  />
+                  <Button type="submit" disabled={addImage.isPending}>
+                    {addImage.isPending ? "Adding..." : "Add Image"}
+                  </Button>
+                </div>
+              </form>
+            )}
+
+            {images && images.length === 0 && (
+              <div className="text-center py-4 text-gray-600 dark:text-gray-400">
+                {isEditMode ? "No images yet. Add some above!" : "No images yet."}
+              </div>
+            )}
+
+            {images && images.length > 0 && (
+              <div className="grid grid-cols-2 md:grid-cols-3 gap-4">
+                {images.map((image) => {
+                  const imageUrl = image.url ?? "";
+                  const safeSrc = isSafeUrl(imageUrl) ? imageUrl : "";
+                  const safeHref = isSafeUrl(imageUrl) ? imageUrl : "#";
+                  return (
+                  <div key={image.id} className="relative group">
+                    {/* eslint-disable-next-line @next/next/no-img-element */}
+                    <img
+                      src={safeSrc}
+                      alt="Recipe image"
+                      className="w-full h-40 object-cover rounded-md border border-gray-200 dark:border-gray-700"
+                      onError={(e) => {
+                        const target = e.currentTarget;
+                        target.style.display = "none";
+                        const fallback = target.nextElementSibling as HTMLElement;
+                        if (fallback) fallback.style.display = "block";
+                      }}
+                    />
+                    <a
+                      href={safeHref}
+                      target="_blank"
+                      rel="noopener noreferrer"
+                      className="hidden text-blue-600 dark:text-blue-400 hover:underline text-sm break-all p-2"
+                    >
+                      {image.url}
+                    </a>
+                    {isEditMode && (
+                      <Button
+                        variant="destructive"
+                        size="sm"
+                        className="mt-1 w-full"
+                        onClick={() => handleDeleteImage(image.id!)}
+                        disabled={deleteImage.isPending}
+                      >
+                        Remove
+                      </Button>
+                    )}
+                  </div>
+                  );
+                })}
+              </div>
+            )}
+          </div>
+        </div>
+      </main>
+    </div>
+  );
+}
diff --git a/anything-frontend/src/app/recipes/page.test.tsx b/anything-frontend/src/app/recipes/page.test.tsx
new file mode 100644
index 0000000..3ca25a3
--- /dev/null
+++ b/anything-frontend/src/app/recipes/page.test.tsx
@@ -0,0 +1,301 @@
+import { screen, waitFor } from '@testing-library/react'
+import userEvent from '@testing-library/user-event'
+import { render } from '@/__tests__/utils/test-utils'
+import RecipesPage from './page'
+import { toast } from 'sonner'
+
+// Mock the apiClient module
+const mockRecipesGet = jest.fn()
+const mockRecipesPost = jest.fn()
+const mockRecipesByIdDelete = jest.fn()
+const mockRecipesById = jest.fn(() => ({
+  delete: mockRecipesByIdDelete,
+  get: jest.fn(),
+  put: jest.fn(),
+  ingredients: { get: jest.fn(), post: jest.fn(), byId: jest.fn(() => ({ put: jest.fn(), delete: jest.fn() })) },
+  steps: { get: jest.fn(), post: jest.fn(), byId: jest.fn(() => ({ put: jest.fn(), delete: jest.fn() })) },
+  images: { get: jest.fn(), post: jest.fn(), byId: jest.fn(() => ({ delete: jest.fn() })) },
+  addToShoppingList: { post: jest.fn() },
+}))
+
+jest.mock('@/lib/apiClient', () => ({
+  apiClient: {
+    api: {
+      recipes: {
+        get: (...args: unknown[]) => mockRecipesGet(...args),
+        post: (...args: unknown[]) => mockRecipesPost(...args),
+        byId: (...args: unknown[]) => mockRecipesById(...args),
+      },
+      shoppingLists: {
+        get: jest.fn().mockResolvedValue([]),
+        post: jest.fn(),
+        byId: jest.fn(() => ({
+          get: jest.fn(),
+          delete: jest.fn(),
+          items: { get: jest.fn(), post: jest.fn(), byId: jest.fn() },
+          complete: { post: jest.fn() },
+        })),
+      },
+    },
+  },
+}))
+
+// Mock useAuth
+const mockUseCurrentUser = jest.fn()
+const mockUseLogout = jest.fn()
+
+jest.mock('@/hooks/useAuth', () => ({
+  useCurrentUser: () => mockUseCurrentUser(),
+  useLogout: () => mockUseLogout(),
+}))
+
+// Mock next/navigation
+const mockPush = jest.fn()
+jest.mock('next/navigation', () => ({
+  useRouter: () => ({ push: mockPush }),
+}))
+
+// Mock toast
+jest.mock('sonner', () => ({
+  toast: {
+    success: jest.fn(),
+    error: jest.fn(),
+  },
+  Toaster: () => null,
+}))
+
+describe('RecipesPage', () => {
+  beforeEach(() => {
+    jest.clearAllMocks()
+    mockUseCurrentUser.mockReturnValue({ data: { name: 'Test User', role: 'User' } })
+    mockUseLogout.mockReturnValue({ mutateAsync: jest.fn().mockResolvedValue(undefined), isPending: false })
+  })
+
+  it('should render the page title and description', () => {
+    mockRecipesGet.mockResolvedValue([])
+
+    render(<RecipesPage />)
+
+    expect(screen.getByText('Recipes')).toBeInTheDocument()
+    expect(screen.getByText('Manage your recipes')).toBeInTheDocument()
+  })
+
+  it('should display loading state initially', () => {
+    mockRecipesGet.mockImplementation(() => new Promise(() => { // Promise that never resolves to simulate loading state
+    }))
+
+    render(<RecipesPage />)
+
+    expect(screen.getByText('Loading...')).toBeInTheDocument()
+  })
+
+  it('should display error message when API fails', async () => {
+    mockRecipesGet.mockRejectedValue(new Error('API error'))
+
+    render(<RecipesPage />)
+
+    await waitFor(() => {
+      expect(screen.getByText(/Failed to load recipes/i)).toBeInTheDocument()
+    })
+  })
+
+  it('should display empty state when no recipes exist', async () => {
+    mockRecipesGet.mockResolvedValue([])
+
+    render(<RecipesPage />)
+
+    await waitFor(() => {
+      expect(screen.getByText('No recipes yet. Create your first one above!')).toBeInTheDocument()
+    })
+  })
+
+  it('should display a list of recipes', async () => {
+    const mockData = [
+      { id: 1, name: 'Pasta', createdOn: '2024-01-01T00:00:00Z' },
+      { id: 2, name: 'Salad', createdOn: '2024-01-02T00:00:00Z' },
+    ]
+    mockRecipesGet.mockResolvedValue(mockData)
+
+    render(<RecipesPage />)
+
+    await waitFor(() => {
+      expect(screen.getByText('Pasta')).toBeInTheDocument()
+      expect(screen.getByText('Salad')).toBeInTheDocument()
+    })
+  })
+
+  it('should create a new recipe and navigate to it', async () => {
+    const user = userEvent.setup()
+    const mockNewRecipe = { id: 3, name: 'Tacos', createdOn: '2024-01-03T00:00:00Z' }
+    mockRecipesGet.mockResolvedValue([])
+    mockRecipesPost.mockResolvedValueOnce(mockNewRecipe)
+
+    render(<RecipesPage />)
+
+    await waitFor(() => {
+      expect(screen.getByText('No recipes yet. Create your first one above!')).toBeInTheDocument()
+    })
+
+    const input = screen.getByPlaceholderText('New recipe name...')
+    await user.type(input, 'Tacos')
+
+    const createButton = screen.getByRole('button', { name: 'Create Recipe' })
+    await user.click(createButton)
+
+    await waitFor(() => {
+      expect(mockRecipesPost).toHaveBeenCalledWith({ name: 'Tacos', link: undefined, notes: undefined })
+    })
+
+    expect(toast.success).toHaveBeenCalledWith('Recipe created')
+    expect(mockPush).toHaveBeenCalledWith('/recipes/3')
+    expect(input).toHaveValue('')
+  })
+
+  it('should not submit when name is empty', async () => {
+    const user = userEvent.setup()
+    mockRecipesGet.mockResolvedValue([])
+
+    render(<RecipesPage />)
+
+    await waitFor(() => {
+      expect(screen.getByText('No recipes yet. Create your first one above!')).toBeInTheDocument()
+    })
+
+    const createButton = screen.getByRole('button', { name: 'Create Recipe' })
+    await user.click(createButton)
+
+    expect(mockRecipesPost).not.toHaveBeenCalled()
+  })
+
+  it('should show error toast when create fails', async () => {
+    const user = userEvent.setup()
+    mockRecipesGet.mockResolvedValue([])
+    mockRecipesPost.mockRejectedValueOnce(new Error('Server error'))
+
+    render(<RecipesPage />)
+
+    await waitFor(() => {
+      expect(screen.getByText('No recipes yet. Create your first one above!')).toBeInTheDocument()
+    })
+
+    const input = screen.getByPlaceholderText('New recipe name...')
+    await user.type(input, 'Fail Recipe')
+
+    const createButton = screen.getByRole('button', { name: 'Create Recipe' })
+    await user.click(createButton)
+
+    await waitFor(() => {
+      expect(toast.error).toHaveBeenCalledWith('Failed to create recipe. Please try again.')
+    })
+  })
+
+  it('should delete a recipe when delete button is clicked', async () => {
+    const user = userEvent.setup()
+    const mockData = [{ id: 1, name: 'Pasta', createdOn: '2024-01-01T00:00:00Z' }]
+    mockRecipesGet.mockResolvedValueOnce(mockData).mockResolvedValueOnce([])
+    mockRecipesByIdDelete.mockResolvedValueOnce(undefined)
+
+    render(<RecipesPage />)
+
+    await waitFor(() => {
+      expect(screen.getByText('Pasta')).toBeInTheDocument()
+    })
+
+    const deleteButton = screen.getByRole('button', { name: 'Delete' })
+    await user.click(deleteButton)
+
+    await waitFor(() => {
+      expect(mockRecipesById).toHaveBeenCalledWith(1)
+      expect(mockRecipesByIdDelete).toHaveBeenCalled()
+    })
+
+    expect(toast.success).toHaveBeenCalledWith('Recipe deleted')
+  })
+
+  it('should show error toast when delete fails', async () => {
+    const user = userEvent.setup()
+    const mockData = [{ id: 1, name: 'Pasta', createdOn: '2024-01-01T00:00:00Z' }]
+    mockRecipesGet.mockResolvedValue(mockData)
+    mockRecipesByIdDelete.mockRejectedValueOnce(new Error('Server error'))
+
+    render(<RecipesPage />)
+
+    await waitFor(() => {
+      expect(screen.getByText('Pasta')).toBeInTheDocument()
+    })
+
+    const deleteButton = screen.getByRole('button', { name: 'Delete' })
+    await user.click(deleteButton)
+
+    await waitFor(() => {
+      expect(toast.error).toHaveBeenCalledWith('Failed to delete recipe. Please try again.')
+    })
+  })
+
+  it('should navigate to recipe via Open button', async () => {
+    const user = userEvent.setup()
+    const mockData = [{ id: 1, name: 'Pasta', createdOn: '2024-01-01T00:00:00Z' }]
+    mockRecipesGet.mockResolvedValue(mockData)
+
+    render(<RecipesPage />)
+
+    await waitFor(() => {
+      expect(screen.getByText('Pasta')).toBeInTheDocument()
+    })
+
+    const openButton = screen.getByRole('button', { name: 'Open' })
+    await user.click(openButton)
+
+    expect(mockPush).toHaveBeenCalledWith('/recipes/1')
+  })
+
+  it('should navigate to recipe when row is clicked', async () => {
+    const user = userEvent.setup()
+    const mockData = [{ id: 1, name: 'Pasta', createdOn: '2024-01-01T00:00:00Z' }]
+    mockRecipesGet.mockResolvedValue(mockData)
+
+    render(<RecipesPage />)
+
+    await waitFor(() => {
+      expect(screen.getByText('Pasta')).toBeInTheDocument()
+    })
+
+    const row = screen.getByRole('button', { name: /Pasta/ })
+    await user.click(row)
+
+    expect(mockPush).toHaveBeenCalledWith('/recipes/1')
+  })
+
+  it('should show Admin Panel button for admin users', async () => {
+    mockUseCurrentUser.mockReturnValue({ data: { name: 'Admin User', role: 'Admin' } })
+    mockRecipesGet.mockResolvedValue([])
+
+    render(<RecipesPage />)
+
+    await waitFor(() => {
+      expect(screen.getByRole('button', { name: 'Admin Panel' })).toBeInTheDocument()
+    })
+  })
+
+  it('should show loading state on create button while creating', async () => {
+    const user = userEvent.setup()
+    mockRecipesGet.mockResolvedValue([])
+    mockRecipesPost.mockImplementation(
+      () => new Promise((resolve) => setTimeout(() => resolve({ id: 1, name: 'Test', createdOn: '2024-01-01T00:00:00Z' }), 100))
+    )
+
+    render(<RecipesPage />)
+
+    await waitFor(() => {
+      expect(screen.getByText('No recipes yet. Create your first one above!')).toBeInTheDocument()
+    })
+
+    const input = screen.getByPlaceholderText('New recipe name...')
+    await user.type(input, 'Test')
+
+    const createButton = screen.getByRole('button', { name: 'Create Recipe' })
+    await user.click(createButton)
+
+    expect(screen.getByRole('button', { name: 'Creating...' })).toBeInTheDocument()
+  })
+})
diff --git a/anything-frontend/src/app/recipes/page.tsx b/anything-frontend/src/app/recipes/page.tsx
new file mode 100644
index 0000000..9d04651
--- /dev/null
+++ b/anything-frontend/src/app/recipes/page.tsx
@@ -0,0 +1,185 @@
+"use client";
+
+import { Button } from "@/components/ui/button";
+import { useRecipes, useCreateRecipe, useDeleteRecipe } from "@/hooks/useRecipes";
+import { useCurrentUser, useLogout } from "@/hooks/useAuth";
+import { isAdmin } from "@/lib/roles";
+import { useState } from "react";
+import { toast } from "sonner";
+import { useRouter } from "next/navigation";
+
+export default function RecipesPage() {
+  const [newRecipeName, setNewRecipeName] = useState("");
+  const { data: recipes, isLoading, error } = useRecipes();
+  const createRecipe = useCreateRecipe();
+  const deleteRecipe = useDeleteRecipe();
+  const { data: user } = useCurrentUser();
+  const logout = useLogout();
+  const router = useRouter();
+
+  const handleCreateRecipe = async (e: React.FormEvent) => {
+    e.preventDefault();
+    if (!newRecipeName.trim()) return;
+
+    try {
+      const newRecipe = await createRecipe.mutateAsync({ name: newRecipeName });
+      setNewRecipeName("");
+      toast.success("Recipe created");
+      if (newRecipe?.id) {
+        router.push(`/recipes/${newRecipe.id}`);
+      }
+    } catch {
+      toast.error("Failed to create recipe. Please try again.");
+    }
+  };
+
+  const handleDeleteRecipe = async (id: number) => {
+    try {
+      await deleteRecipe.mutateAsync(id);
+      toast.success("Recipe deleted");
+    } catch {
+      toast.error("Failed to delete recipe. Please try again.");
+    }
+  };
+
+  const handleLogout = async () => {
+    await logout.mutateAsync();
+    toast.success("Logged out successfully");
+    router.push("/login");
+  };
+
+  return (
+    <div className="min-h-screen bg-gradient-to-b from-gray-50 to-gray-100 dark:from-gray-900 dark:to-gray-800">
+      <main className="container mx-auto px-4 py-8 max-w-4xl">
+        <div className="bg-white dark:bg-gray-800 rounded-lg shadow-lg p-6">
+          <div className="flex justify-between items-start mb-6">
+            <div>
+              <h1 className="text-4xl font-bold text-gray-900 dark:text-white mb-2">
+                Recipes
+              </h1>
+              <p className="text-gray-600 dark:text-gray-300">
+                Manage your recipes
+              </p>
+            </div>
+            <div className="text-right">
+              {user && (
+                <>
+                  <p className="text-sm text-gray-600 dark:text-gray-400 mb-1">
+                    {user.name} ({user.role})
+                  </p>
+                  <div className="flex gap-2 justify-end">
+                    <Button
+                      variant="outline"
+                      size="sm"
+                      onClick={() => router.push("/")}
+                    >
+                      Home
+                    </Button>
+                    {isAdmin(user.role) && (
+                      <Button
+                        variant="outline"
+                        size="sm"
+                        onClick={() => router.push("/admin")}
+                      >
+                        Admin Panel
+                      </Button>
+                    )}
+                    <Button
+                      variant="outline"
+                      size="sm"
+                      onClick={handleLogout}
+                      disabled={logout.isPending}
+                    >
+                      {logout.isPending ? "Logging out..." : "Logout"}
+                    </Button>
+                  </div>
+                </>
+              )}
+            </div>
+          </div>
+
+          <form onSubmit={handleCreateRecipe} className="mb-8">
+            <div className="flex gap-2">
+              <input
+                type="text"
+                value={newRecipeName}
+                onChange={(e) => setNewRecipeName(e.target.value)}
+                placeholder="New recipe name..."
+                className="flex-1 px-4 py-2 border border-gray-300 dark:border-gray-600 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 dark:bg-gray-700 dark:text-white"
+              />
+              <Button type="submit" disabled={createRecipe.isPending}>
+                {createRecipe.isPending ? "Creating..." : "Create Recipe"}
+              </Button>
+            </div>
+          </form>
+
+          {isLoading && (
+            <div className="text-center py-8 text-gray-600 dark:text-gray-400">
+              Loading...
+            </div>
+          )}
+
+          {error && (
+            <div className="bg-red-50 dark:bg-red-900/20 border border-red-200 dark:border-red-800 text-red-800 dark:text-red-200 px-4 py-3 rounded mb-4">
+              Failed to load recipes. Make sure the API is running on port 5000.
+            </div>
+          )}
+
+          {recipes && recipes.length === 0 && (
+            <div className="text-center py-8 text-gray-600 dark:text-gray-400">
+              No recipes yet. Create your first one above!
+            </div>
+          )}
+
+          {recipes && recipes.length > 0 && (
+            <div className="space-y-2">
+              {recipes.map((recipe) => (
+                <div
+                  key={recipe.id}
+                  role="button"
+                  tabIndex={0}
+                  className="flex items-center gap-3 p-4 border border-gray-200 dark:border-gray-700 rounded-md hover:bg-gray-50 dark:hover:bg-gray-700/50 transition-colors cursor-pointer"
+                  onClick={() => router.push(`/recipes/${recipe.id}`)}
+                  onKeyDown={(e) => {
+                    if (e.key === "Enter" || e.key === " ") {
+                      e.preventDefault();
+                      router.push(`/recipes/${recipe.id}`);
+                    }
+                  }}
+                >
+                  <span className="flex-1 text-gray-900 dark:text-white font-medium">
+                    {recipe.name}
+                  </span>
+                  <span className="text-sm text-gray-500 dark:text-gray-400">
+                    {recipe.createdOn ? new Date(recipe.createdOn).toLocaleDateString() : ""}
+                  </span>
+                  <Button
+                    variant="outline"
+                    size="sm"
+                    onClick={(e) => {
+                      e.stopPropagation();
+                      router.push(`/recipes/${recipe.id}`);
+                    }}
+                  >
+                    Open
+                  </Button>
+                  <Button
+                    variant="destructive"
+                    size="sm"
+                    onClick={(e) => {
+                      e.stopPropagation();
+                      handleDeleteRecipe(recipe.id!);
+                    }}
+                    disabled={deleteRecipe.isPending}
+                  >
+                    Delete
+                  </Button>
+                </div>
+              ))}
+            </div>
+          )}
+        </div>
+      </main>
+    </div>
+  );
+}
diff --git a/anything-frontend/src/hooks/useRecipes.test.tsx b/anything-frontend/src/hooks/useRecipes.test.tsx
new file mode 100644
index 0000000..89ea057
--- /dev/null
+++ b/anything-frontend/src/hooks/useRecipes.test.tsx
@@ -0,0 +1,416 @@
+import { renderHook, waitFor, act } from '@testing-library/react'
+import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
+import { ReactNode } from 'react'
+import {
+  useRecipes,
+  useRecipe,
+  useCreateRecipe,
+  useUpdateRecipe,
+  useDeleteRecipe,
+  useRecipeIngredients,
+  useAddRecipeIngredient,
+  useUpdateRecipeIngredient,
+  useDeleteRecipeIngredient,
+  useAddRecipeStep,
+  useUpdateRecipeStep,
+  useDeleteRecipeStep,
+  useAddRecipeImage,
+  useDeleteRecipeImage,
+  useAddIngredientsToShoppingList,
+} from '@/hooks/useRecipes'
+
+// Mock the apiClient module
+const mockGet = jest.fn()
+const mockPost = jest.fn()
+const mockDelete = jest.fn()
+const mockPut = jest.fn()
+const mockIngredientsGet = jest.fn()
+const mockIngredientsPost = jest.fn()
+const mockIngredientsItemPut = jest.fn()
+const mockIngredientsItemDelete = jest.fn()
+const mockIngredientsItemById = jest.fn(() => ({ put: mockIngredientsItemPut, delete: mockIngredientsItemDelete }))
+const mockIngredients = { get: mockIngredientsGet, post: mockIngredientsPost, byId: mockIngredientsItemById }
+const mockStepsGet = jest.fn()
+const mockStepsPost = jest.fn()
+const mockStepsItemById = jest.fn(() => ({ put: jest.fn(), delete: jest.fn() }))
+const mockSteps = { get: mockStepsGet, post: mockStepsPost, byId: mockStepsItemById }
+const mockImagesGet = jest.fn()
+const mockImagesPost = jest.fn()
+const mockImagesItemById = jest.fn(() => ({ delete: jest.fn() }))
+const mockImages = { get: mockImagesGet, post: mockImagesPost, byId: mockImagesItemById }
+const mockAddToShoppingListPost = jest.fn()
+const mockAddToShoppingList = { post: mockAddToShoppingListPost }
+const mockById = jest.fn(() => ({
+  get: mockGet,
+  put: mockPut,
+  delete: mockDelete,
+  ingredients: mockIngredients,
+  steps: mockSteps,
+  images: mockImages,
+  addToShoppingList: mockAddToShoppingList,
+}))
+
+jest.mock('@/lib/apiClient', () => ({
+  apiClient: {
+    api: {
+      recipes: {
+        get: (...args: unknown[]) => mockGet(...args),
+        post: (...args: unknown[]) => mockPost(...args),
+        byId: (...args: unknown[]) => mockById(...args),
+      },
+    },
+  },
+}))
+
+function createWrapper() {
+  const queryClient = new QueryClient({
+    defaultOptions: {
+      queries: { retry: false },
+      mutations: { retry: false },
+    },
+  })
+  const Wrapper = ({ children }: { children: ReactNode }) => (
+    <QueryClientProvider client={queryClient}>{children}</QueryClientProvider>
+  )
+  Wrapper.displayName = 'TestQueryClientWrapper'
+  return Wrapper
+}
+
+describe('useRecipes hooks', () => {
+  beforeEach(() => {
+    jest.clearAllMocks()
+  })
+
+  describe('useRecipes', () => {
+    it('should fetch recipes successfully', async () => {
+      const mockData = [
+        { id: 1, name: 'Pasta', createdOn: '2024-01-01T00:00:00Z' },
+        { id: 2, name: 'Salad', createdOn: '2024-01-02T00:00:00Z' },
+      ]
+      mockGet.mockResolvedValueOnce(mockData)
+
+      const { result } = renderHook(() => useRecipes(), {
+        wrapper: createWrapper(),
+      })
+
+      await waitFor(() => expect(result.current.isSuccess).toBe(true))
+
+      expect(result.current.data).toEqual(mockData)
+      expect(mockGet).toHaveBeenCalledTimes(1)
+    })
+
+    it('should handle fetch error', async () => {
+      mockGet.mockRejectedValueOnce(new Error('Network error'))
+
+      const { result } = renderHook(() => useRecipes(), {
+        wrapper: createWrapper(),
+      })
+
+      await waitFor(() => expect(result.current.isError).toBe(true))
+
+      expect(result.current.error).toBeTruthy()
+    })
+  })
+
+  describe('useCreateRecipe', () => {
+    it('should create a recipe successfully', async () => {
+      const mockResponse = { id: 1, name: 'Pasta', createdOn: '2024-01-01T00:00:00Z' }
+      mockPost.mockResolvedValueOnce(mockResponse)
+
+      const { result } = renderHook(() => useCreateRecipe(), {
+        wrapper: createWrapper(),
+      })
+
+      await act(async () => {
+        result.current.mutate({ name: 'Pasta' })
+      })
+
+      await waitFor(() => expect(result.current.isSuccess).toBe(true))
+
+      expect(mockPost).toHaveBeenCalledWith({ name: 'Pasta', link: undefined, notes: undefined })
+    })
+
+    it('should handle create error', async () => {
+      mockPost.mockRejectedValueOnce(new Error('Server error'))
+
+      const { result } = renderHook(() => useCreateRecipe(), {
+        wrapper: createWrapper(),
+      })
+
+      result.current.mutate({ name: 'Pasta' })
+
+      await waitFor(() => expect(result.current.isError).toBe(true))
+
+      expect(result.current.error).toBeTruthy()
+    })
+  })
+
+  describe('useDeleteRecipe', () => {
+    it('should delete a recipe successfully', async () => {
+      mockDelete.mockResolvedValueOnce(undefined)
+
+      const { result } = renderHook(() => useDeleteRecipe(), {
+        wrapper: createWrapper(),
+      })
+
+      await act(async () => {
+        result.current.mutate(1)
+      })
+
+      await waitFor(() => expect(result.current.isSuccess).toBe(true))
+
+      expect(mockById).toHaveBeenCalledWith(1)
+      expect(mockDelete).toHaveBeenCalled()
+    })
+  })
+
+  describe('useRecipeIngredients', () => {
+    it('should fetch ingredients for a recipe', async () => {
+      const mockIngredientData = [
+        { id: 1, name: 'Flour', amount: 2, unit: 'cups', recipeId: 1 },
+        { id: 2, name: 'Eggs', amount: 3, unit: null, recipeId: 1 },
+      ]
+      mockIngredientsGet.mockResolvedValueOnce(mockIngredientData)
+
+      const { result } = renderHook(() => useRecipeIngredients(1), {
+        wrapper: createWrapper(),
+      })
+
+      await waitFor(() => expect(result.current.isSuccess).toBe(true))
+
+      expect(result.current.data).toEqual(mockIngredientData)
+      expect(mockById).toHaveBeenCalledWith(1)
+    })
+
+    it('should not fetch when recipeId is 0', () => {
+      const { result } = renderHook(() => useRecipeIngredients(0), {
+        wrapper: createWrapper(),
+      })
+
+      expect(result.current.fetchStatus).toBe('idle')
+      expect(mockIngredientsGet).not.toHaveBeenCalled()
+    })
+  })
+
+  describe('useAddRecipeIngredient', () => {
+    it('should add an ingredient to a recipe', async () => {
+      const mockIngredient = { id: 1, name: 'Flour', amount: 2, unit: 'cups', recipeId: 1 }
+      mockIngredientsPost.mockResolvedValueOnce(mockIngredient)
+
+      const { result } = renderHook(() => useAddRecipeIngredient(1), {
+        wrapper: createWrapper(),
+      })
+
+      await act(async () => {
+        result.current.mutate({ name: 'Flour', amount: 2, unit: 'cups' })
+      })
+
+      await waitFor(() => expect(result.current.isSuccess).toBe(true))
+
+      expect(mockIngredientsPost).toHaveBeenCalledWith({
+        name: 'Flour',
+        amount: 2,
+        unit: 'cups',
+        group: undefined,
+      })
+    })
+  })
+
+  describe('useAddRecipeStep', () => {
+    it('should add a step to a recipe', async () => {
+      const mockStep = { id: 1, text: 'Mix ingredients', order: 1, recipeId: 1 }
+      mockStepsPost.mockResolvedValueOnce(mockStep)
+
+      const { result } = renderHook(() => useAddRecipeStep(1), {
+        wrapper: createWrapper(),
+      })
+
+      await act(async () => {
+        result.current.mutate({ text: 'Mix ingredients', order: 1 })
+      })
+
+      await waitFor(() => expect(result.current.isSuccess).toBe(true))
+
+      expect(mockStepsPost).toHaveBeenCalledWith({ text: 'Mix ingredients', order: 1 })
+    })
+  })
+
+  describe('useAddIngredientsToShoppingList', () => {
+    it('should add ingredients to a shopping list', async () => {
+      mockAddToShoppingListPost.mockResolvedValueOnce(undefined)
+
+      const { result } = renderHook(() => useAddIngredientsToShoppingList(1), {
+        wrapper: createWrapper(),
+      })
+
+      await act(async () => {
+        result.current.mutate(5)
+      })
+
+      await waitFor(() => expect(result.current.isSuccess).toBe(true))
+
+      expect(mockById).toHaveBeenCalledWith(1)
+      expect(mockAddToShoppingListPost).toHaveBeenCalledWith({ shoppingListId: 5 })
+    })
+  })
+
+  describe('useRecipe', () => {
+    it('should fetch a single recipe successfully', async () => {
+      const mockData = { id: 1, name: 'Pasta', createdOn: '2024-01-01T00:00:00Z' }
+      mockGet.mockResolvedValueOnce(mockData)
+
+      const { result } = renderHook(() => useRecipe(1), {
+        wrapper: createWrapper(),
+      })
+
+      await waitFor(() => expect(result.current.isSuccess).toBe(true))
+
+      expect(result.current.data).toEqual(mockData)
+      expect(mockById).toHaveBeenCalledWith(1)
+    })
+
+    it('should not fetch when id is 0', () => {
+      const { result } = renderHook(() => useRecipe(0), {
+        wrapper: createWrapper(),
+      })
+
+      expect(result.current.fetchStatus).toBe('idle')
+      expect(mockGet).not.toHaveBeenCalled()
+    })
+  })
+
+  describe('useUpdateRecipe', () => {
+    it('should update a recipe successfully', async () => {
+      mockPut.mockResolvedValueOnce(undefined)
+
+      const { result } = renderHook(() => useUpdateRecipe(), {
+        wrapper: createWrapper(),
+      })
+
+      await act(async () => {
+        result.current.mutate({ id: 1, name: 'Updated Pasta', link: null, notes: null })
+      })
+
+      await waitFor(() => expect(result.current.isSuccess).toBe(true))
+
+      expect(mockById).toHaveBeenCalledWith(1)
+      expect(mockPut).toHaveBeenCalledWith({ name: 'Updated Pasta', link: null, notes: null })
+    })
+  })
+
+  describe('useUpdateRecipeIngredient', () => {
+    it('should update an ingredient successfully', async () => {
+      mockIngredientsItemPut.mockResolvedValueOnce(undefined)
+
+      const { result } = renderHook(() => useUpdateRecipeIngredient(1), {
+        wrapper: createWrapper(),
+      })
+
+      await act(async () => {
+        result.current.mutate({ ingredientId: 2, name: 'Sugar', amount: 1, unit: 'cup', group: null })
+      })
+
+      await waitFor(() => expect(result.current.isSuccess).toBe(true))
+
+      expect(mockIngredientsItemById).toHaveBeenCalledWith(2)
+      expect(mockIngredientsItemPut).toHaveBeenCalledWith({ name: 'Sugar', amount: 1, unit: 'cup', group: null })
+    })
+  })
+
+  describe('useDeleteRecipeIngredient', () => {
+    it('should delete an ingredient successfully', async () => {
+      mockIngredientsItemDelete.mockResolvedValueOnce(undefined)
+
+      const { result } = renderHook(() => useDeleteRecipeIngredient(1), {
+        wrapper: createWrapper(),
+      })
+
+      await act(async () => {
+        result.current.mutate(2)
+      })
+
+      await waitFor(() => expect(result.current.isSuccess).toBe(true))
+
+      expect(mockIngredientsItemById).toHaveBeenCalledWith(2)
+      expect(mockIngredientsItemDelete).toHaveBeenCalled()
+    })
+  })
+
+  describe('useUpdateRecipeStep', () => {
+    it('should update a step successfully', async () => {
+      const mockStepPut = jest.fn().mockResolvedValueOnce(undefined)
+      mockStepsItemById.mockReturnValueOnce({ put: mockStepPut, delete: jest.fn() })
+
+      const { result } = renderHook(() => useUpdateRecipeStep(1), {
+        wrapper: createWrapper(),
+      })
+
+      await act(async () => {
+        result.current.mutate({ stepId: 2, text: 'Updated step', order: 1 })
+      })
+
+      await waitFor(() => expect(result.current.isSuccess).toBe(true))
+
+      expect(mockStepsItemById).toHaveBeenCalledWith(2)
+      expect(mockStepPut).toHaveBeenCalledWith({ text: 'Updated step', order: 1 })
+    })
+  })
+
+  describe('useDeleteRecipeStep', () => {
+    it('should delete a step successfully', async () => {
+      const mockStepDelete = jest.fn().mockResolvedValueOnce(undefined)
+      mockStepsItemById.mockReturnValueOnce({ put: jest.fn(), delete: mockStepDelete })
+
+      const { result } = renderHook(() => useDeleteRecipeStep(1), {
+        wrapper: createWrapper(),
+      })
+
+      await act(async () => {
+        result.current.mutate(2)
+      })
+
+      await waitFor(() => expect(result.current.isSuccess).toBe(true))
+
+      expect(mockStepsItemById).toHaveBeenCalledWith(2)
+      expect(mockStepDelete).toHaveBeenCalled()
+    })
+  })
+
+  describe('useAddRecipeImage', () => {
+    it('should add an image successfully', async () => {
+      mockImagesPost.mockResolvedValueOnce({ id: 1, url: 'https://example.com/img.jpg', recipeId: 1 })
+
+      const { result } = renderHook(() => useAddRecipeImage(1), {
+        wrapper: createWrapper(),
+      })
+
+      await act(async () => {
+        result.current.mutate('https://example.com/img.jpg')
+      })
+
+      await waitFor(() => expect(result.current.isSuccess).toBe(true))
+
+      expect(mockImagesPost).toHaveBeenCalledWith({ url: 'https://example.com/img.jpg' })
+    })
+  })
+
+  describe('useDeleteRecipeImage', () => {
+    it('should delete an image successfully', async () => {
+      const mockImageDelete = jest.fn().mockResolvedValueOnce(undefined)
+      mockImagesItemById.mockReturnValueOnce({ delete: mockImageDelete })
+
+      const { result } = renderHook(() => useDeleteRecipeImage(1), {
+        wrapper: createWrapper(),
+      })
+
+      await act(async () => {
+        result.current.mutate(2)
+      })
+
+      await waitFor(() => expect(result.current.isSuccess).toBe(true))
+
+      expect(mockImagesItemById).toHaveBeenCalledWith(2)
+      expect(mockImageDelete).toHaveBeenCalled()
+    })
+  })
+})
diff --git a/anything-frontend/src/hooks/useRecipes.ts b/anything-frontend/src/hooks/useRecipes.ts
new file mode 100644
index 0000000..3f84c77
--- /dev/null
+++ b/anything-frontend/src/hooks/useRecipes.ts
@@ -0,0 +1,197 @@
+"use client";
+
+import { useQuery, useMutation, useQueryClient } from "@tanstack/react-query";
+import { apiClient } from "@/lib/apiClient";
+import type { Recipe, RecipeIngredient, RecipeStep, RecipeImage } from "@/lib/api-client/models/index";
+
+export function useRecipes() {
+  return useQuery({
+    queryKey: ["recipes"],
+    queryFn: () => apiClient.api.recipes.get() as Promise<Recipe[]>,
+  });
+}
+
+export function useRecipe(id: number) {
+  return useQuery({
+    queryKey: ["recipe", id],
+    queryFn: () => apiClient.api.recipes.byId(id).get() as Promise<Recipe>,
+    enabled: id > 0,
+  });
+}
+
+export function useRecipeIngredients(recipeId: number) {
+  return useQuery({
+    queryKey: ["recipeIngredients", recipeId],
+    queryFn: () =>
+      apiClient.api.recipes.byId(recipeId).ingredients.get() as Promise<RecipeIngredient[]>,
+    enabled: recipeId > 0,
+  });
+}
+
+export function useRecipeSteps(recipeId: number) {
+  return useQuery({
+    queryKey: ["recipeSteps", recipeId],
+    queryFn: () =>
+      apiClient.api.recipes.byId(recipeId).steps.get() as Promise<RecipeStep[]>,
+    enabled: recipeId > 0,
+  });
+}
+
+export function useRecipeImages(recipeId: number) {
+  return useQuery({
+    queryKey: ["recipeImages", recipeId],
+    queryFn: () =>
+      apiClient.api.recipes.byId(recipeId).images.get() as Promise<RecipeImage[]>,
+    enabled: recipeId > 0,
+  });
+}
+
+export function useCreateRecipe() {
+  const queryClient = useQueryClient();
+
+  return useMutation({
+    mutationFn: (recipe: { name: string; link?: string; notes?: string }) =>
+      apiClient.api.recipes.post({ name: recipe.name, link: recipe.link, notes: recipe.notes }),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ["recipes"] });
+    },
+  });
+}
+
+export function useUpdateRecipe() {
+  const queryClient = useQueryClient();
+
+  return useMutation({
+    mutationFn: ({ id, name, link, notes }: { id: number; name: string; link?: string | null; notes?: string | null }) =>
+      apiClient.api.recipes.byId(id).put({ name, link, notes }),
+    onSuccess: (_data, variables) => {
+      queryClient.invalidateQueries({ queryKey: ["recipes"] });
+      queryClient.invalidateQueries({ queryKey: ["recipe", variables.id] });
+    },
+  });
+}
+
+export function useDeleteRecipe() {
+  const queryClient = useQueryClient();
+
+  return useMutation({
+    mutationFn: (id: number) => apiClient.api.recipes.byId(id).delete(),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ["recipes"] });
+    },
+  });
+}
+
+export function useAddRecipeIngredient(recipeId: number) {
+  const queryClient = useQueryClient();
+
+  return useMutation({
+    mutationFn: (ingredient: { name: string; amount: number; unit?: string; group?: string }) =>
+      apiClient.api.recipes.byId(recipeId).ingredients.post({
+        name: ingredient.name,
+        amount: ingredient.amount,
+        unit: ingredient.unit,
+        group: ingredient.group,
+      }),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ["recipeIngredients", recipeId] });
+    },
+  });
+}
+
+export function useUpdateRecipeIngredient(recipeId: number) {
+  const queryClient = useQueryClient();
+
+  return useMutation({
+    mutationFn: ({ ingredientId, name, amount, unit, group }: { ingredientId: number; name: string; amount: number; unit?: string | null; group?: string | null }) =>
+      apiClient.api.recipes.byId(recipeId).ingredients.byId(ingredientId).put({ name, amount, unit, group }),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ["recipeIngredients", recipeId] });
+    },
+  });
+}
+
+export function useDeleteRecipeIngredient(recipeId: number) {
+  const queryClient = useQueryClient();
+
+  return useMutation({
+    mutationFn: (ingredientId: number) =>
+      apiClient.api.recipes.byId(recipeId).ingredients.byId(ingredientId).delete(),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ["recipeIngredients", recipeId] });
+    },
+  });
+}
+
+export function useAddRecipeStep(recipeId: number) {
+  const queryClient = useQueryClient();
+
+  return useMutation({
+    mutationFn: ({ text, order }: { text: string; order: number }) =>
+      apiClient.api.recipes.byId(recipeId).steps.post({ text, order }),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ["recipeSteps", recipeId] });
+    },
+  });
+}
+
+export function useUpdateRecipeStep(recipeId: number) {
+  const queryClient = useQueryClient();
+
+  return useMutation({
+    mutationFn: ({ stepId, text, order }: { stepId: number; text: string; order: number }) =>
+      apiClient.api.recipes.byId(recipeId).steps.byId(stepId).put({ text, order }),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ["recipeSteps", recipeId] });
+    },
+  });
+}
+
+export function useDeleteRecipeStep(recipeId: number) {
+  const queryClient = useQueryClient();
+
+  return useMutation({
+    mutationFn: (stepId: number) =>
+      apiClient.api.recipes.byId(recipeId).steps.byId(stepId).delete(),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ["recipeSteps", recipeId] });
+    },
+  });
+}
+
+export function useAddRecipeImage(recipeId: number) {
+  const queryClient = useQueryClient();
+
+  return useMutation({
+    mutationFn: (url: string) =>
+      apiClient.api.recipes.byId(recipeId).images.post({ url }),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ["recipeImages", recipeId] });
+    },
+  });
+}
+
+export function useDeleteRecipeImage(recipeId: number) {
+  const queryClient = useQueryClient();
+
+  return useMutation({
+    mutationFn: (imageId: number) =>
+      apiClient.api.recipes.byId(recipeId).images.byId(imageId).delete(),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ["recipeImages", recipeId] });
+    },
+  });
+}
+
+export function useAddIngredientsToShoppingList(recipeId: number) {
+  const queryClient = useQueryClient();
+
+  return useMutation({
+    mutationFn: (shoppingListId: number) =>
+      apiClient.api.recipes.byId(recipeId).addToShoppingList.post({ shoppingListId }),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ["shoppingLists"] });
+      queryClient.invalidateQueries({ queryKey: ["shoppingListItems"] });
+    },
+  });
+}
diff --git a/anything-frontend/src/lib/api-client/api/index.ts b/anything-frontend/src/lib/api-client/api/index.ts
index ca121c0..cd7f07f 100644
--- a/anything-frontend/src/lib/api-client/api/index.ts
+++ b/anything-frontend/src/lib/api-client/api/index.ts
@@ -10,6 +10,8 @@ import { InventoryItemsRequestBuilderNavigationMetadata, InventoryItemsRequestBu
 // @ts-ignore
 import { InventoryStorageUnitsRequestBuilderNavigationMetadata, InventoryStorageUnitsRequestBuilderRequestsMetadata, type InventoryStorageUnitsRequestBuilder } from './inventoryStorageUnits/index';
 // @ts-ignore
+import { RecipesRequestBuilderNavigationMetadata, RecipesRequestBuilderRequestsMetadata, type RecipesRequestBuilder } from './recipes/index';
+// @ts-ignore
 import { ShoppingListsRequestBuilderNavigationMetadata, ShoppingListsRequestBuilderRequestsMetadata, type ShoppingListsRequestBuilder } from './shoppingLists/index';
 // @ts-ignore
 import { ShoppingListRecommendationsRequestBuilderNavigationMetadata, ShoppingListRecommendationsRequestBuilderRequestsMetadata, type ShoppingListRecommendationsRequestBuilder } from './shoppingListRecommendations/index';
@@ -38,6 +40,10 @@ export interface ApiRequestBuilder extends BaseRequestBuilder<ApiRequestBuilder>
      * The inventoryStorageUnits property
      */
     get inventoryStorageUnits(): InventoryStorageUnitsRequestBuilder;
+    /**
+     * The recipes property
+     */
+    get recipes(): RecipesRequestBuilder;
     /**
      * The shoppingLists property
      */
@@ -74,6 +80,10 @@ export const ApiRequestBuilderNavigationMetadata: Record<Exclude<keyof ApiReques
         requestsMetadata: InventoryStorageUnitsRequestBuilderRequestsMetadata,
         navigationMetadata: InventoryStorageUnitsRequestBuilderNavigationMetadata,
     },
+    recipes: {
+        requestsMetadata: RecipesRequestBuilderRequestsMetadata,
+        navigationMetadata: RecipesRequestBuilderNavigationMetadata,
+    },
     shoppingLists: {
         requestsMetadata: ShoppingListsRequestBuilderRequestsMetadata,
         navigationMetadata: ShoppingListsRequestBuilderNavigationMetadata,
diff --git a/anything-frontend/src/lib/api-client/api/recipes/index.ts b/anything-frontend/src/lib/api-client/api/recipes/index.ts
new file mode 100644
index 0000000..5033d65
--- /dev/null
+++ b/anything-frontend/src/lib/api-client/api/recipes/index.ts
@@ -0,0 +1,78 @@
+/* tslint:disable */
+/* eslint-disable */
+// @ts-ignore
+import { createRecipeFromDiscriminatorValue, serializeCreateRecipeRequest, type CreateRecipeRequest, type Recipe } from '../../models/index';
+// @ts-ignore
+import { RecipesItemRequestBuilderNavigationMetadata, RecipesItemRequestBuilderRequestsMetadata, type RecipesItemRequestBuilder } from './item/index';
+// @ts-ignore
+import { type BaseRequestBuilder, type KeysToExcludeForNavigationMetadata, type NavigationMetadata, type Parsable, type ParsableFactory, type RequestConfiguration, type RequestInformation, type RequestsMetadata } from '@microsoft/kiota-abstractions';
+
+/**
+ * Builds and executes requests for operations under /api/recipes
+ */
+export interface RecipesRequestBuilder extends BaseRequestBuilder<RecipesRequestBuilder> {
+    /**
+     * Gets an item from the ApiSdk.api.recipes.item collection
+     * @param id Unique identifier of the item
+     * @returns {RecipesItemRequestBuilder}
+     */
+     byId(id: number) : RecipesItemRequestBuilder;
+    /**
+     * @param requestConfiguration Configuration for the request such as headers, query parameters, and middleware options.
+     * @returns {Promise<Recipe[]>}
+     */
+     get(requestConfiguration?: RequestConfiguration<object> | undefined) : Promise<Recipe[] | undefined>;
+    /**
+     * @param body The request body
+     * @param requestConfiguration Configuration for the request such as headers, query parameters, and middleware options.
+     * @returns {Promise<Recipe>}
+     */
+     post(body: CreateRecipeRequest, requestConfiguration?: RequestConfiguration<object> | undefined) : Promise<Recipe | undefined>;
+    /**
+     * @param requestConfiguration Configuration for the request such as headers, query parameters, and middleware options.
+     * @returns {RequestInformation}
+     */
+     toGetRequestInformation(requestConfiguration?: RequestConfiguration<object> | undefined) : RequestInformation;
+    /**
+     * @param body The request body
+     * @param requestConfiguration Configuration for the request such as headers, query parameters, and middleware options.
+     * @returns {RequestInformation}
+     */
+     toPostRequestInformation(body: CreateRecipeRequest, requestConfiguration?: RequestConfiguration<object> | undefined) : RequestInformation;
+}
+/**
+ * Uri template for the request builder.
+ */
+export const RecipesRequestBuilderUriTemplate = "{+baseurl}/api/recipes";
+/**
+ * Metadata for all the navigation properties in the request builder.
+ */
+export const RecipesRequestBuilderNavigationMetadata: Record<Exclude<keyof RecipesRequestBuilder, KeysToExcludeForNavigationMetadata>, NavigationMetadata> = {
+    byId: {
+        requestsMetadata: RecipesItemRequestBuilderRequestsMetadata,
+        navigationMetadata: RecipesItemRequestBuilderNavigationMetadata,
+        pathParametersMappings: ["id"],
+    },
+};
+/**
+ * Metadata for all the requests in the request builder.
+ */
+export const RecipesRequestBuilderRequestsMetadata: RequestsMetadata = {
+    get: {
+        uriTemplate: RecipesRequestBuilderUriTemplate,
+        responseBodyContentType: "application/json",
+        adapterMethodName: "sendCollection",
+        responseBodyFactory: createRecipeFromDiscriminatorValue,
+    },
+    post: {
+        uriTemplate: RecipesRequestBuilderUriTemplate,
+        responseBodyContentType: "application/json",
+        adapterMethodName: "send",
+        responseBodyFactory: createRecipeFromDiscriminatorValue,
+        requestBodyContentType: "application/json",
+        requestBodySerializer: serializeCreateRecipeRequest,
+        requestInformationContentSetMethod: "setContentFromParsable",
+    },
+};
+/* tslint:enable */
+/* eslint-enable */
diff --git a/anything-frontend/src/lib/api-client/api/recipes/item/addToShoppingList/index.ts b/anything-frontend/src/lib/api-client/api/recipes/item/addToShoppingList/index.ts
new file mode 100644
index 0000000..0103285
--- /dev/null
+++ b/anything-frontend/src/lib/api-client/api/recipes/item/addToShoppingList/index.ts
@@ -0,0 +1,41 @@
+/* tslint:disable */
+/* eslint-disable */
+// @ts-ignore
+import { serializeAddIngredientsToShoppingListRequest, type AddIngredientsToShoppingListRequest } from '../../../../models/index';
+// @ts-ignore
+import { type BaseRequestBuilder, type Parsable, type ParsableFactory, type RequestConfiguration, type RequestInformation, type RequestsMetadata } from '@microsoft/kiota-abstractions';
+
+/**
+ * Builds and executes requests for operations under /api/recipes/{id}/add-to-shopping-list
+ */
+export interface RecipesItemAddToShoppingListRequestBuilder extends BaseRequestBuilder<RecipesItemAddToShoppingListRequestBuilder> {
+    /**
+     * @param body The request body
+     * @param requestConfiguration Configuration for the request such as headers, query parameters, and middleware options.
+     */
+     post(body: AddIngredientsToShoppingListRequest, requestConfiguration?: RequestConfiguration<object> | undefined) : Promise<void>;
+    /**
+     * @param body The request body
+     * @param requestConfiguration Configuration for the request such as headers, query parameters, and middleware options.
+     * @returns {RequestInformation}
+     */
+     toPostRequestInformation(body: AddIngredientsToShoppingListRequest, requestConfiguration?: RequestConfiguration<object> | undefined) : RequestInformation;
+}
+/**
+ * Uri template for the request builder.
+ */
+export const RecipesItemAddToShoppingListRequestBuilderUriTemplate = "{+baseurl}/api/recipes/{id}/add-to-shopping-list";
+/**
+ * Metadata for all the requests in the request builder.
+ */
+export const RecipesItemAddToShoppingListRequestBuilderRequestsMetadata: RequestsMetadata = {
+    post: {
+        uriTemplate: RecipesItemAddToShoppingListRequestBuilderUriTemplate,
+        adapterMethodName: "sendNoResponseContent",
+        requestBodyContentType: "application/json",
+        requestBodySerializer: serializeAddIngredientsToShoppingListRequest,
+        requestInformationContentSetMethod: "setContentFromParsable",
+    },
+};
+/* tslint:enable */
+/* eslint-enable */
diff --git a/anything-frontend/src/lib/api-client/api/recipes/item/images/index.ts b/anything-frontend/src/lib/api-client/api/recipes/item/images/index.ts
new file mode 100644
index 0000000..f0827f4
--- /dev/null
+++ b/anything-frontend/src/lib/api-client/api/recipes/item/images/index.ts
@@ -0,0 +1,77 @@
+/* tslint:disable */
+/* eslint-disable */
+// @ts-ignore
+import { createRecipeImageFromDiscriminatorValue, serializeCreateRecipeImageRequest, type CreateRecipeImageRequest, type RecipeImage } from '../../../../models/index';
+// @ts-ignore
+import { RecipesItemImagesItemRequestBuilderRequestsMetadata, type RecipesItemImagesItemRequestBuilder } from './item/index';
+// @ts-ignore
+import { type BaseRequestBuilder, type KeysToExcludeForNavigationMetadata, type NavigationMetadata, type Parsable, type ParsableFactory, type RequestConfiguration, type RequestInformation, type RequestsMetadata } from '@microsoft/kiota-abstractions';
+
+/**
+ * Builds and executes requests for operations under /api/recipes/{id}/images
+ */
+export interface RecipesItemImagesRequestBuilder extends BaseRequestBuilder<RecipesItemImagesRequestBuilder> {
+    /**
+     * Gets an item from the images collection
+     * @param imageId Unique identifier of the item
+     * @returns {RecipesItemImagesItemRequestBuilder}
+     */
+     byId(imageId: number) : RecipesItemImagesItemRequestBuilder;
+    /**
+     * @param requestConfiguration Configuration for the request such as headers, query parameters, and middleware options.
+     * @returns {Promise<RecipeImage[]>}
+     */
+     get(requestConfiguration?: RequestConfiguration<object> | undefined) : Promise<RecipeImage[] | undefined>;
+    /**
+     * @param body The request body
+     * @param requestConfiguration Configuration for the request such as headers, query parameters, and middleware options.
+     * @returns {Promise<RecipeImage>}
+     */
+     post(body: CreateRecipeImageRequest, requestConfiguration?: RequestConfiguration<object> | undefined) : Promise<RecipeImage | undefined>;
+    /**
+     * @param requestConfiguration Configuration for the request such as headers, query parameters, and middleware options.
+     * @returns {RequestInformation}
+     */
+     toGetRequestInformation(requestConfiguration?: RequestConfiguration<object> | undefined) : RequestInformation;
+    /**
+     * @param body The request body
+     * @param requestConfiguration Configuration for the request such as headers, query parameters, and middleware options.
+     * @returns {RequestInformation}
+     */
+     toPostRequestInformation(body: CreateRecipeImageRequest, requestConfiguration?: RequestConfiguration<object> | undefined) : RequestInformation;
+}
+/**
+ * Uri template for the request builder.
+ */
+export const RecipesItemImagesRequestBuilderUriTemplate = "{+baseurl}/api/recipes/{id}/images";
+/**
+ * Metadata for all the navigation properties in the request builder.
+ */
+export const RecipesItemImagesRequestBuilderNavigationMetadata: Record<Exclude<keyof RecipesItemImagesRequestBuilder, KeysToExcludeForNavigationMetadata>, NavigationMetadata> = {
+    byId: {
+        requestsMetadata: RecipesItemImagesItemRequestBuilderRequestsMetadata,
+        pathParametersMappings: ["imageId"],
+    },
+};
+/**
+ * Metadata for all the requests in the request builder.
+ */
+export const RecipesItemImagesRequestBuilderRequestsMetadata: RequestsMetadata = {
+    get: {
+        uriTemplate: RecipesItemImagesRequestBuilderUriTemplate,
+        responseBodyContentType: "application/json",
+        adapterMethodName: "sendCollection",
+        responseBodyFactory: createRecipeImageFromDiscriminatorValue,
+    },
+    post: {
+        uriTemplate: RecipesItemImagesRequestBuilderUriTemplate,
+        responseBodyContentType: "application/json",
+        adapterMethodName: "send",
+        responseBodyFactory: createRecipeImageFromDiscriminatorValue,
+        requestBodyContentType: "application/json",
+        requestBodySerializer: serializeCreateRecipeImageRequest,
+        requestInformationContentSetMethod: "setContentFromParsable",
+    },
+};
+/* tslint:enable */
+/* eslint-enable */
diff --git a/anything-frontend/src/lib/api-client/api/recipes/item/images/item/index.ts b/anything-frontend/src/lib/api-client/api/recipes/item/images/item/index.ts
new file mode 100644
index 0000000..1d54383
--- /dev/null
+++ b/anything-frontend/src/lib/api-client/api/recipes/item/images/item/index.ts
@@ -0,0 +1,34 @@
+/* tslint:disable */
+/* eslint-disable */
+// @ts-ignore
+import { type BaseRequestBuilder, type Parsable, type ParsableFactory, type RequestConfiguration, type RequestInformation, type RequestsMetadata } from '@microsoft/kiota-abstractions';
+
+/**
+ * Builds and executes requests for operations under /api/recipes/{id}/images/{imageId}
+ */
+export interface RecipesItemImagesItemRequestBuilder extends BaseRequestBuilder<RecipesItemImagesItemRequestBuilder> {
+    /**
+     * @param requestConfiguration Configuration for the request such as headers, query parameters, and middleware options.
+     */
+     delete(requestConfiguration?: RequestConfiguration<object> | undefined) : Promise<void>;
+    /**
+     * @param requestConfiguration Configuration for the request such as headers, query parameters, and middleware options.
+     * @returns {RequestInformation}
+     */
+     toDeleteRequestInformation(requestConfiguration?: RequestConfiguration<object> | undefined) : RequestInformation;
+}
+/**
+ * Uri template for the request builder.
+ */
+export const RecipesItemImagesItemRequestBuilderUriTemplate = "{+baseurl}/api/recipes/{id}/images/{imageId}";
+/**
+ * Metadata for all the requests in the request builder.
+ */
+export const RecipesItemImagesItemRequestBuilderRequestsMetadata: RequestsMetadata = {
+    delete: {
+        uriTemplate: RecipesItemImagesItemRequestBuilderUriTemplate,
+        adapterMethodName: "sendNoResponseContent",
+    },
+};
+/* tslint:enable */
+/* eslint-enable */
diff --git a/anything-frontend/src/lib/api-client/api/recipes/item/index.ts b/anything-frontend/src/lib/api-client/api/recipes/item/index.ts
new file mode 100644
index 0000000..de3027c
--- /dev/null
+++ b/anything-frontend/src/lib/api-client/api/recipes/item/index.ts
@@ -0,0 +1,114 @@
+/* tslint:disable */
+/* eslint-disable */
+// @ts-ignore
+import { createRecipeFromDiscriminatorValue, serializeUpdateRecipeRequest, type Recipe, type UpdateRecipeRequest } from '../../../models/index';
+// @ts-ignore
+import { RecipesItemAddToShoppingListRequestBuilderRequestsMetadata, type RecipesItemAddToShoppingListRequestBuilder } from './addToShoppingList/index';
+// @ts-ignore
+import { RecipesItemIngredientsRequestBuilderNavigationMetadata, RecipesItemIngredientsRequestBuilderRequestsMetadata, type RecipesItemIngredientsRequestBuilder } from './ingredients/index';
+// @ts-ignore
+import { RecipesItemStepsRequestBuilderNavigationMetadata, RecipesItemStepsRequestBuilderRequestsMetadata, type RecipesItemStepsRequestBuilder } from './steps/index';
+// @ts-ignore
+import { RecipesItemImagesRequestBuilderNavigationMetadata, RecipesItemImagesRequestBuilderRequestsMetadata, type RecipesItemImagesRequestBuilder } from './images/index';
+// @ts-ignore
+import { type BaseRequestBuilder, type KeysToExcludeForNavigationMetadata, type NavigationMetadata, type Parsable, type ParsableFactory, type RequestConfiguration, type RequestInformation, type RequestsMetadata } from '@microsoft/kiota-abstractions';
+
+/**
+ * Builds and executes requests for operations under /api/recipes/{id}
+ */
+export interface RecipesItemRequestBuilder extends BaseRequestBuilder<RecipesItemRequestBuilder> {
+    /**
+     * The addToShoppingList property
+     */
+    get addToShoppingList(): RecipesItemAddToShoppingListRequestBuilder;
+    /**
+     * The ingredients property
+     */
+    get ingredients(): RecipesItemIngredientsRequestBuilder;
+    /**
+     * The steps property
+     */
+    get steps(): RecipesItemStepsRequestBuilder;
+    /**
+     * The images property
+     */
+    get images(): RecipesItemImagesRequestBuilder;
+    /**
+     * @param requestConfiguration Configuration for the request such as headers, query parameters, and middleware options.
+     */
+     delete(requestConfiguration?: RequestConfiguration<object> | undefined) : Promise<void>;
+    /**
+     * @param requestConfiguration Configuration for the request such as headers, query parameters, and middleware options.
+     * @returns {Promise<Recipe>}
+     */
+     get(requestConfiguration?: RequestConfiguration<object> | undefined) : Promise<Recipe | undefined>;
+    /**
+     * @param body The request body
+     * @param requestConfiguration Configuration for the request such as headers, query parameters, and middleware options.
+     */
+     put(body: UpdateRecipeRequest, requestConfiguration?: RequestConfiguration<object> | undefined) : Promise<void>;
+    /**
+     * @param requestConfiguration Configuration for the request such as headers, query parameters, and middleware options.
+     * @returns {RequestInformation}
+     */
+     toDeleteRequestInformation(requestConfiguration?: RequestConfiguration<object> | undefined) : RequestInformation;
+    /**
+     * @param requestConfiguration Configuration for the request such as headers, query parameters, and middleware options.
+     * @returns {RequestInformation}
+     */
+     toGetRequestInformation(requestConfiguration?: RequestConfiguration<object> | undefined) : RequestInformation;
+    /**
+     * @param body The request body
+     * @param requestConfiguration Configuration for the request such as headers, query parameters, and middleware options.
+     * @returns {RequestInformation}
+     */
+     toPutRequestInformation(body: UpdateRecipeRequest, requestConfiguration?: RequestConfiguration<object> | undefined) : RequestInformation;
+}
+/**
+ * Uri template for the request builder.
+ */
+export const RecipesItemRequestBuilderUriTemplate = "{+baseurl}/api/recipes/{id}";
+/**
+ * Metadata for all the navigation properties in the request builder.
+ */
+export const RecipesItemRequestBuilderNavigationMetadata: Record<Exclude<keyof RecipesItemRequestBuilder, KeysToExcludeForNavigationMetadata>, NavigationMetadata> = {
+    addToShoppingList: {
+        requestsMetadata: RecipesItemAddToShoppingListRequestBuilderRequestsMetadata,
+    },
+    ingredients: {
+        requestsMetadata: RecipesItemIngredientsRequestBuilderRequestsMetadata,
+        navigationMetadata: RecipesItemIngredientsRequestBuilderNavigationMetadata,
+    },
+    steps: {
+        requestsMetadata: RecipesItemStepsRequestBuilderRequestsMetadata,
+        navigationMetadata: RecipesItemStepsRequestBuilderNavigationMetadata,
+    },
+    images: {
+        requestsMetadata: RecipesItemImagesRequestBuilderRequestsMetadata,
+        navigationMetadata: RecipesItemImagesRequestBuilderNavigationMetadata,
+    },
+};
+/**
+ * Metadata for all the requests in the request builder.
+ */
+export const RecipesItemRequestBuilderRequestsMetadata: RequestsMetadata = {
+    delete: {
+        uriTemplate: RecipesItemRequestBuilderUriTemplate,
+        adapterMethodName: "sendNoResponseContent",
+    },
+    get: {
+        uriTemplate: RecipesItemRequestBuilderUriTemplate,
+        responseBodyContentType: "application/json",
+        adapterMethodName: "send",
+        responseBodyFactory: createRecipeFromDiscriminatorValue,
+    },
+    put: {
+        uriTemplate: RecipesItemRequestBuilderUriTemplate,
+        adapterMethodName: "sendNoResponseContent",
+        requestBodyContentType: "application/json",
+        requestBodySerializer: serializeUpdateRecipeRequest,
+        requestInformationContentSetMethod: "setContentFromParsable",
+    },
+};
+/* tslint:enable */
+/* eslint-enable */
diff --git a/anything-frontend/src/lib/api-client/api/recipes/item/ingredients/index.ts b/anything-frontend/src/lib/api-client/api/recipes/item/ingredients/index.ts
new file mode 100644
index 0000000..cdd304f
--- /dev/null
+++ b/anything-frontend/src/lib/api-client/api/recipes/item/ingredients/index.ts
@@ -0,0 +1,77 @@
+/* tslint:disable */
+/* eslint-disable */
+// @ts-ignore
+import { createRecipeIngredientFromDiscriminatorValue, serializeCreateRecipeIngredientRequest, type CreateRecipeIngredientRequest, type RecipeIngredient } from '../../../../models/index';
+// @ts-ignore
+import { RecipesItemIngredientsItemRequestBuilderRequestsMetadata, type RecipesItemIngredientsItemRequestBuilder } from './item/index';
+// @ts-ignore
+import { type BaseRequestBuilder, type KeysToExcludeForNavigationMetadata, type NavigationMetadata, type Parsable, type ParsableFactory, type RequestConfiguration, type RequestInformation, type RequestsMetadata } from '@microsoft/kiota-abstractions';
+
+/**
+ * Builds and executes requests for operations under /api/recipes/{id}/ingredients
+ */
+export interface RecipesItemIngredientsRequestBuilder extends BaseRequestBuilder<RecipesItemIngredientsRequestBuilder> {
+    /**
+     * Gets an item from the ingredients collection
+     * @param ingredientId Unique identifier of the item
+     * @returns {RecipesItemIngredientsItemRequestBuilder}
+     */
+     byId(ingredientId: number) : RecipesItemIngredientsItemRequestBuilder;
+    /**
+     * @param requestConfiguration Configuration for the request such as headers, query parameters, and middleware options.
+     * @returns {Promise<RecipeIngredient[]>}
+     */
+     get(requestConfiguration?: RequestConfiguration<object> | undefined) : Promise<RecipeIngredient[] | undefined>;
+    /**
+     * @param body The request body
+     * @param requestConfiguration Configuration for the request such as headers, query parameters, and middleware options.
+     * @returns {Promise<RecipeIngredient>}
+     */
+     post(body: CreateRecipeIngredientRequest, requestConfiguration?: RequestConfiguration<object> | undefined) : Promise<RecipeIngredient | undefined>;
+    /**
+     * @param requestConfiguration Configuration for the request such as headers, query parameters, and middleware options.
+     * @returns {RequestInformation}
+     */
+     toGetRequestInformation(requestConfiguration?: RequestConfiguration<object> | undefined) : RequestInformation;
+    /**
+     * @param body The request body
+     * @param requestConfiguration Configuration for the request such as headers, query parameters, and middleware options.
+     * @returns {RequestInformation}
+     */
+     toPostRequestInformation(body: CreateRecipeIngredientRequest, requestConfiguration?: RequestConfiguration<object> | undefined) : RequestInformation;
+}
+/**
+ * Uri template for the request builder.
+ */
+export const RecipesItemIngredientsRequestBuilderUriTemplate = "{+baseurl}/api/recipes/{id}/ingredients";
+/**
+ * Metadata for all the navigation properties in the request builder.
+ */
+export const RecipesItemIngredientsRequestBuilderNavigationMetadata: Record<Exclude<keyof RecipesItemIngredientsRequestBuilder, KeysToExcludeForNavigationMetadata>, NavigationMetadata> = {
+    byId: {
+        requestsMetadata: RecipesItemIngredientsItemRequestBuilderRequestsMetadata,
+        pathParametersMappings: ["ingredientId"],
+    },
+};
+/**
+ * Metadata for all the requests in the request builder.
+ */
+export const RecipesItemIngredientsRequestBuilderRequestsMetadata: RequestsMetadata = {
+    get: {
+        uriTemplate: RecipesItemIngredientsRequestBuilderUriTemplate,
+        responseBodyContentType: "application/json",
+        adapterMethodName: "sendCollection",
+        responseBodyFactory: createRecipeIngredientFromDiscriminatorValue,
+    },
+    post: {
+        uriTemplate: RecipesItemIngredientsRequestBuilderUriTemplate,
+        responseBodyContentType: "application/json",
+        adapterMethodName: "send",
+        responseBodyFactory: createRecipeIngredientFromDiscriminatorValue,
+        requestBodyContentType: "application/json",
+        requestBodySerializer: serializeCreateRecipeIngredientRequest,
+        requestInformationContentSetMethod: "setContentFromParsable",
+    },
+};
+/* tslint:enable */
+/* eslint-enable */
diff --git a/anything-frontend/src/lib/api-client/api/recipes/item/ingredients/item/index.ts b/anything-frontend/src/lib/api-client/api/recipes/item/ingredients/item/index.ts
new file mode 100644
index 0000000..df16ed4
--- /dev/null
+++ b/anything-frontend/src/lib/api-client/api/recipes/item/ingredients/item/index.ts
@@ -0,0 +1,54 @@
+/* tslint:disable */
+/* eslint-disable */
+// @ts-ignore
+import { serializeUpdateRecipeIngredientRequest, type UpdateRecipeIngredientRequest } from '../../../../../models/index';
+// @ts-ignore
+import { type BaseRequestBuilder, type Parsable, type ParsableFactory, type RequestConfiguration, type RequestInformation, type RequestsMetadata } from '@microsoft/kiota-abstractions';
+
+/**
+ * Builds and executes requests for operations under /api/recipes/{id}/ingredients/{ingredientId}
+ */
+export interface RecipesItemIngredientsItemRequestBuilder extends BaseRequestBuilder<RecipesItemIngredientsItemRequestBuilder> {
+    /**
+     * @param requestConfiguration Configuration for the request such as headers, query parameters, and middleware options.
+     */
+     delete(requestConfiguration?: RequestConfiguration<object> | undefined) : Promise<void>;
+    /**
+     * @param body The request body
+     * @param requestConfiguration Configuration for the request such as headers, query parameters, and middleware options.
+     */
+     put(body: UpdateRecipeIngredientRequest, requestConfiguration?: RequestConfiguration<object> | undefined) : Promise<void>;
+    /**
+     * @param requestConfiguration Configuration for the request such as headers, query parameters, and middleware options.
+     * @returns {RequestInformation}
+     */
+     toDeleteRequestInformation(requestConfiguration?: RequestConfiguration<object> | undefined) : RequestInformation;
+    /**
+     * @param body The request body
+     * @param requestConfiguration Configuration for the request such as headers, query parameters, and middleware options.
+     * @returns {RequestInformation}
+     */
+     toPutRequestInformation(body: UpdateRecipeIngredientRequest, requestConfiguration?: RequestConfiguration<object> | undefined) : RequestInformation;
+}
+/**
+ * Uri template for the request builder.
+ */
+export const RecipesItemIngredientsItemRequestBuilderUriTemplate = "{+baseurl}/api/recipes/{id}/ingredients/{ingredientId}";
+/**
+ * Metadata for all the requests in the request builder.
+ */
+export const RecipesItemIngredientsItemRequestBuilderRequestsMetadata: RequestsMetadata = {
+    delete: {
+        uriTemplate: RecipesItemIngredientsItemRequestBuilderUriTemplate,
+        adapterMethodName: "sendNoResponseContent",
+    },
+    put: {
+        uriTemplate: RecipesItemIngredientsItemRequestBuilderUriTemplate,
+        adapterMethodName: "sendNoResponseContent",
+        requestBodyContentType: "application/json",
+        requestBodySerializer: serializeUpdateRecipeIngredientRequest,
+        requestInformationContentSetMethod: "setContentFromParsable",
+    },
+};
+/* tslint:enable */
+/* eslint-enable */
diff --git a/anything-frontend/src/lib/api-client/api/recipes/item/steps/index.ts b/anything-frontend/src/lib/api-client/api/recipes/item/steps/index.ts
new file mode 100644
index 0000000..ba1b450
--- /dev/null
+++ b/anything-frontend/src/lib/api-client/api/recipes/item/steps/index.ts
@@ -0,0 +1,77 @@
+/* tslint:disable */
+/* eslint-disable */
+// @ts-ignore
+import { createRecipeStepFromDiscriminatorValue, serializeCreateRecipeStepRequest, type CreateRecipeStepRequest, type RecipeStep } from '../../../../models/index';
+// @ts-ignore
+import { RecipesItemStepsItemRequestBuilderRequestsMetadata, type RecipesItemStepsItemRequestBuilder } from './item/index';
+// @ts-ignore
+import { type BaseRequestBuilder, type KeysToExcludeForNavigationMetadata, type NavigationMetadata, type Parsable, type ParsableFactory, type RequestConfiguration, type RequestInformation, type RequestsMetadata } from '@microsoft/kiota-abstractions';
+
+/**
+ * Builds and executes requests for operations under /api/recipes/{id}/steps
+ */
+export interface RecipesItemStepsRequestBuilder extends BaseRequestBuilder<RecipesItemStepsRequestBuilder> {
+    /**
+     * Gets an item from the steps collection
+     * @param stepId Unique identifier of the item
+     * @returns {RecipesItemStepsItemRequestBuilder}
+     */
+     byId(stepId: number) : RecipesItemStepsItemRequestBuilder;
+    /**
+     * @param requestConfiguration Configuration for the request such as headers, query parameters, and middleware options.
+     * @returns {Promise<RecipeStep[]>}
+     */
+     get(requestConfiguration?: RequestConfiguration<object> | undefined) : Promise<RecipeStep[] | undefined>;
+    /**
+     * @param body The request body
+     * @param requestConfiguration Configuration for the request such as headers, query parameters, and middleware options.
+     * @returns {Promise<RecipeStep>}
+     */
+     post(body: CreateRecipeStepRequest, requestConfiguration?: RequestConfiguration<object> | undefined) : Promise<RecipeStep | undefined>;
+    /**
+     * @param requestConfiguration Configuration for the request such as headers, query parameters, and middleware options.
+     * @returns {RequestInformation}
+     */
+     toGetRequestInformation(requestConfiguration?: RequestConfiguration<object> | undefined) : RequestInformation;
+    /**
+     * @param body The request body
+     * @param requestConfiguration Configuration for the request such as headers, query parameters, and middleware options.
+     * @returns {RequestInformation}
+     */
+     toPostRequestInformation(body: CreateRecipeStepRequest, requestConfiguration?: RequestConfiguration<object> | undefined) : RequestInformation;
+}
+/**
+ * Uri template for the request builder.
+ */
+export const RecipesItemStepsRequestBuilderUriTemplate = "{+baseurl}/api/recipes/{id}/steps";
+/**
+ * Metadata for all the navigation properties in the request builder.
+ */
+export const RecipesItemStepsRequestBuilderNavigationMetadata: Record<Exclude<keyof RecipesItemStepsRequestBuilder, KeysToExcludeForNavigationMetadata>, NavigationMetadata> = {
+    byId: {
+        requestsMetadata: RecipesItemStepsItemRequestBuilderRequestsMetadata,
+        pathParametersMappings: ["stepId"],
+    },
+};
+/**
+ * Metadata for all the requests in the request builder.
+ */
+export const RecipesItemStepsRequestBuilderRequestsMetadata: RequestsMetadata = {
+    get: {
+        uriTemplate: RecipesItemStepsRequestBuilderUriTemplate,
+        responseBodyContentType: "application/json",
+        adapterMethodName: "sendCollection",
+        responseBodyFactory: createRecipeStepFromDiscriminatorValue,
+    },
+    post: {
+        uriTemplate: RecipesItemStepsRequestBuilderUriTemplate,
+        responseBodyContentType: "application/json",
+        adapterMethodName: "send",
+        responseBodyFactory: createRecipeStepFromDiscriminatorValue,
+        requestBodyContentType: "application/json",
+        requestBodySerializer: serializeCreateRecipeStepRequest,
+        requestInformationContentSetMethod: "setContentFromParsable",
+    },
+};
+/* tslint:enable */
+/* eslint-enable */
diff --git a/anything-frontend/src/lib/api-client/api/recipes/item/steps/item/index.ts b/anything-frontend/src/lib/api-client/api/recipes/item/steps/item/index.ts
new file mode 100644
index 0000000..662ebc0
--- /dev/null
+++ b/anything-frontend/src/lib/api-client/api/recipes/item/steps/item/index.ts
@@ -0,0 +1,54 @@
+/* tslint:disable */
+/* eslint-disable */
+// @ts-ignore
+import { serializeUpdateRecipeStepRequest, type UpdateRecipeStepRequest } from '../../../../../models/index';
+// @ts-ignore
+import { type BaseRequestBuilder, type Parsable, type ParsableFactory, type RequestConfiguration, type RequestInformation, type RequestsMetadata } from '@microsoft/kiota-abstractions';
+
+/**
+ * Builds and executes requests for operations under /api/recipes/{id}/steps/{stepId}
+ */
+export interface RecipesItemStepsItemRequestBuilder extends BaseRequestBuilder<RecipesItemStepsItemRequestBuilder> {
+    /**
+     * @param requestConfiguration Configuration for the request such as headers, query parameters, and middleware options.
+     */
+     delete(requestConfiguration?: RequestConfiguration<object> | undefined) : Promise<void>;
+    /**
+     * @param body The request body
+     * @param requestConfiguration Configuration for the request such as headers, query parameters, and middleware options.
+     */
+     put(body: UpdateRecipeStepRequest, requestConfiguration?: RequestConfiguration<object> | undefined) : Promise<void>;
+    /**
+     * @param requestConfiguration Configuration for the request such as headers, query parameters, and middleware options.
+     * @returns {RequestInformation}
+     */
+     toDeleteRequestInformation(requestConfiguration?: RequestConfiguration<object> | undefined) : RequestInformation;
+    /**
+     * @param body The request body
+     * @param requestConfiguration Configuration for the request such as headers, query parameters, and middleware options.
+     * @returns {RequestInformation}
+     */
+     toPutRequestInformation(body: UpdateRecipeStepRequest, requestConfiguration?: RequestConfiguration<object> | undefined) : RequestInformation;
+}
+/**
+ * Uri template for the request builder.
+ */
+export const RecipesItemStepsItemRequestBuilderUriTemplate = "{+baseurl}/api/recipes/{id}/steps/{stepId}";
+/**
+ * Metadata for all the requests in the request builder.
+ */
+export const RecipesItemStepsItemRequestBuilderRequestsMetadata: RequestsMetadata = {
+    delete: {
+        uriTemplate: RecipesItemStepsItemRequestBuilderUriTemplate,
+        adapterMethodName: "sendNoResponseContent",
+    },
+    put: {
+        uriTemplate: RecipesItemStepsItemRequestBuilderUriTemplate,
+        adapterMethodName: "sendNoResponseContent",
+        requestBodyContentType: "application/json",
+        requestBodySerializer: serializeUpdateRecipeStepRequest,
+        requestInformationContentSetMethod: "setContentFromParsable",
+    },
+};
+/* tslint:enable */
+/* eslint-enable */
diff --git a/anything-frontend/src/lib/api-client/models/index.ts b/anything-frontend/src/lib/api-client/models/index.ts
index 43141ea..c51284c 100644
--- a/anything-frontend/src/lib/api-client/models/index.ts
+++ b/anything-frontend/src/lib/api-client/models/index.ts
@@ -1321,5 +1321,342 @@ export interface ShoppingListRecommendation extends AdditionalDataHolder, Parsab
      */
     name?: string | null;
 }
+// Recipe models
+// @ts-ignore
+export function createRecipeFromDiscriminatorValue(parseNode: ParseNode | undefined) : ((instance?: Parsable) => Record<string, (node: ParseNode) => void>) {
+    return deserializeIntoRecipe;
+}
+// @ts-ignore
+export function createRecipeIngredientFromDiscriminatorValue(parseNode: ParseNode | undefined) : ((instance?: Parsable) => Record<string, (node: ParseNode) => void>) {
+    return deserializeIntoRecipeIngredient;
+}
+// @ts-ignore
+export function createRecipeStepFromDiscriminatorValue(parseNode: ParseNode | undefined) : ((instance?: Parsable) => Record<string, (node: ParseNode) => void>) {
+    return deserializeIntoRecipeStep;
+}
+// @ts-ignore
+export function createRecipeImageFromDiscriminatorValue(parseNode: ParseNode | undefined) : ((instance?: Parsable) => Record<string, (node: ParseNode) => void>) {
+    return deserializeIntoRecipeImage;
+}
+// @ts-ignore
+export function createCreateRecipeRequestFromDiscriminatorValue(parseNode: ParseNode | undefined) : ((instance?: Parsable) => Record<string, (node: ParseNode) => void>) {
+    return deserializeIntoCreateRecipeRequest;
+}
+// @ts-ignore
+export function createUpdateRecipeRequestFromDiscriminatorValue(parseNode: ParseNode | undefined) : ((instance?: Parsable) => Record<string, (node: ParseNode) => void>) {
+    return deserializeIntoUpdateRecipeRequest;
+}
+// @ts-ignore
+export function createCreateRecipeIngredientRequestFromDiscriminatorValue(parseNode: ParseNode | undefined) : ((instance?: Parsable) => Record<string, (node: ParseNode) => void>) {
+    return deserializeIntoCreateRecipeIngredientRequest;
+}
+// @ts-ignore
+export function createUpdateRecipeIngredientRequestFromDiscriminatorValue(parseNode: ParseNode | undefined) : ((instance?: Parsable) => Record<string, (node: ParseNode) => void>) {
+    return deserializeIntoUpdateRecipeIngredientRequest;
+}
+// @ts-ignore
+export function createCreateRecipeStepRequestFromDiscriminatorValue(parseNode: ParseNode | undefined) : ((instance?: Parsable) => Record<string, (node: ParseNode) => void>) {
+    return deserializeIntoCreateRecipeStepRequest;
+}
+// @ts-ignore
+export function createUpdateRecipeStepRequestFromDiscriminatorValue(parseNode: ParseNode | undefined) : ((instance?: Parsable) => Record<string, (node: ParseNode) => void>) {
+    return deserializeIntoUpdateRecipeStepRequest;
+}
+// @ts-ignore
+export function createCreateRecipeImageRequestFromDiscriminatorValue(parseNode: ParseNode | undefined) : ((instance?: Parsable) => Record<string, (node: ParseNode) => void>) {
+    return deserializeIntoCreateRecipeImageRequest;
+}
+// @ts-ignore
+export function createAddIngredientsToShoppingListRequestFromDiscriminatorValue(parseNode: ParseNode | undefined) : ((instance?: Parsable) => Record<string, (node: ParseNode) => void>) {
+    return deserializeIntoAddIngredientsToShoppingListRequest;
+}
+export interface Recipe extends AdditionalDataHolder, Parsable {
+    id?: number | null;
+    name?: string | null;
+    link?: string | null;
+    notes?: string | null;
+    createdOn?: string | null;
+    modifiedOn?: string | null;
+    deletedOn?: string | null;
+}
+export interface RecipeIngredient extends AdditionalDataHolder, Parsable {
+    id?: number | null;
+    recipeId?: number | null;
+    name?: string | null;
+    amount?: number | null;
+    unit?: string | null;
+    group?: string | null;
+    createdOn?: string | null;
+    modifiedOn?: string | null;
+    deletedOn?: string | null;
+}
+export interface RecipeStep extends AdditionalDataHolder, Parsable {
+    id?: number | null;
+    recipeId?: number | null;
+    order?: number | null;
+    text?: string | null;
+    createdOn?: string | null;
+    modifiedOn?: string | null;
+    deletedOn?: string | null;
+}
+export interface RecipeImage extends AdditionalDataHolder, Parsable {
+    id?: number | null;
+    recipeId?: number | null;
+    url?: string | null;
+    createdOn?: string | null;
+    deletedOn?: string | null;
+}
+export interface CreateRecipeRequest extends AdditionalDataHolder, Parsable {
+    name?: string | null;
+    link?: string | null;
+    notes?: string | null;
+}
+export interface UpdateRecipeRequest extends AdditionalDataHolder, Parsable {
+    name?: string | null;
+    link?: string | null;
+    notes?: string | null;
+}
+export interface CreateRecipeIngredientRequest extends AdditionalDataHolder, Parsable {
+    name?: string | null;
+    amount?: number | null;
+    unit?: string | null;
+    group?: string | null;
+}
+export interface UpdateRecipeIngredientRequest extends AdditionalDataHolder, Parsable {
+    name?: string | null;
+    amount?: number | null;
+    unit?: string | null;
+    group?: string | null;
+}
+export interface CreateRecipeStepRequest extends AdditionalDataHolder, Parsable {
+    text?: string | null;
+    order?: number | null;
+}
+export interface UpdateRecipeStepRequest extends AdditionalDataHolder, Parsable {
+    text?: string | null;
+    order?: number | null;
+}
+export interface CreateRecipeImageRequest extends AdditionalDataHolder, Parsable {
+    url?: string | null;
+}
+export interface AddIngredientsToShoppingListRequest extends AdditionalDataHolder, Parsable {
+    shoppingListId?: number | null;
+}
+// @ts-ignore
+export function deserializeIntoRecipe(recipe: Partial<Recipe> | undefined = {}) : Record<string, (node: ParseNode) => void> {
+    return {
+        "id": n => { recipe.id = n.getNumberValue(); },
+        "name": n => { recipe.name = n.getStringValue(); },
+        "link": n => { recipe.link = n.getStringValue(); },
+        "notes": n => { recipe.notes = n.getStringValue(); },
+        "createdOn": n => { recipe.createdOn = n.getStringValue(); },
+        "modifiedOn": n => { recipe.modifiedOn = n.getStringValue(); },
+        "deletedOn": n => { recipe.deletedOn = n.getStringValue(); },
+    }
+}
+// @ts-ignore
+export function deserializeIntoRecipeIngredient(recipeIngredient: Partial<RecipeIngredient> | undefined = {}) : Record<string, (node: ParseNode) => void> {
+    return {
+        "id": n => { recipeIngredient.id = n.getNumberValue(); },
+        "recipeId": n => { recipeIngredient.recipeId = n.getNumberValue(); },
+        "name": n => { recipeIngredient.name = n.getStringValue(); },
+        "amount": n => { recipeIngredient.amount = n.getNumberValue(); },
+        "unit": n => { recipeIngredient.unit = n.getStringValue(); },
+        "group": n => { recipeIngredient.group = n.getStringValue(); },
+        "createdOn": n => { recipeIngredient.createdOn = n.getStringValue(); },
+        "modifiedOn": n => { recipeIngredient.modifiedOn = n.getStringValue(); },
+        "deletedOn": n => { recipeIngredient.deletedOn = n.getStringValue(); },
+    }
+}
+// @ts-ignore
+export function deserializeIntoRecipeStep(recipeStep: Partial<RecipeStep> | undefined = {}) : Record<string, (node: ParseNode) => void> {
+    return {
+        "id": n => { recipeStep.id = n.getNumberValue(); },
+        "recipeId": n => { recipeStep.recipeId = n.getNumberValue(); },
+        "order": n => { recipeStep.order = n.getNumberValue(); },
+        "text": n => { recipeStep.text = n.getStringValue(); },
+        "createdOn": n => { recipeStep.createdOn = n.getStringValue(); },
+        "modifiedOn": n => { recipeStep.modifiedOn = n.getStringValue(); },
+        "deletedOn": n => { recipeStep.deletedOn = n.getStringValue(); },
+    }
+}
+// @ts-ignore
+export function deserializeIntoRecipeImage(recipeImage: Partial<RecipeImage> | undefined = {}) : Record<string, (node: ParseNode) => void> {
+    return {
+        "id": n => { recipeImage.id = n.getNumberValue(); },
+        "recipeId": n => { recipeImage.recipeId = n.getNumberValue(); },
+        "url": n => { recipeImage.url = n.getStringValue(); },
+        "createdOn": n => { recipeImage.createdOn = n.getStringValue(); },
+        "deletedOn": n => { recipeImage.deletedOn = n.getStringValue(); },
+    }
+}
+// @ts-ignore
+export function deserializeIntoCreateRecipeRequest(createRecipeRequest: Partial<CreateRecipeRequest> | undefined = {}) : Record<string, (node: ParseNode) => void> {
+    return {
+        "name": n => { createRecipeRequest.name = n.getStringValue(); },
+        "link": n => { createRecipeRequest.link = n.getStringValue(); },
+        "notes": n => { createRecipeRequest.notes = n.getStringValue(); },
+    }
+}
+// @ts-ignore
+export function deserializeIntoUpdateRecipeRequest(updateRecipeRequest: Partial<UpdateRecipeRequest> | undefined = {}) : Record<string, (node: ParseNode) => void> {
+    return {
+        "name": n => { updateRecipeRequest.name = n.getStringValue(); },
+        "link": n => { updateRecipeRequest.link = n.getStringValue(); },
+        "notes": n => { updateRecipeRequest.notes = n.getStringValue(); },
+    }
+}
+// @ts-ignore
+export function deserializeIntoCreateRecipeIngredientRequest(createRecipeIngredientRequest: Partial<CreateRecipeIngredientRequest> | undefined = {}) : Record<string, (node: ParseNode) => void> {
+    return {
+        "name": n => { createRecipeIngredientRequest.name = n.getStringValue(); },
+        "amount": n => { createRecipeIngredientRequest.amount = n.getNumberValue(); },
+        "unit": n => { createRecipeIngredientRequest.unit = n.getStringValue(); },
+        "group": n => { createRecipeIngredientRequest.group = n.getStringValue(); },
+    }
+}
+// @ts-ignore
+export function deserializeIntoUpdateRecipeIngredientRequest(updateRecipeIngredientRequest: Partial<UpdateRecipeIngredientRequest> | undefined = {}) : Record<string, (node: ParseNode) => void> {
+    return {
+        "name": n => { updateRecipeIngredientRequest.name = n.getStringValue(); },
+        "amount": n => { updateRecipeIngredientRequest.amount = n.getNumberValue(); },
+        "unit": n => { updateRecipeIngredientRequest.unit = n.getStringValue(); },
+        "group": n => { updateRecipeIngredientRequest.group = n.getStringValue(); },
+    }
+}
+// @ts-ignore
+export function deserializeIntoCreateRecipeStepRequest(createRecipeStepRequest: Partial<CreateRecipeStepRequest> | undefined = {}) : Record<string, (node: ParseNode) => void> {
+    return {
+        "text": n => { createRecipeStepRequest.text = n.getStringValue(); },
+        "order": n => { createRecipeStepRequest.order = n.getNumberValue(); },
+    }
+}
+// @ts-ignore
+export function deserializeIntoUpdateRecipeStepRequest(updateRecipeStepRequest: Partial<UpdateRecipeStepRequest> | undefined = {}) : Record<string, (node: ParseNode) => void> {
+    return {
+        "text": n => { updateRecipeStepRequest.text = n.getStringValue(); },
+        "order": n => { updateRecipeStepRequest.order = n.getNumberValue(); },
+    }
+}
+// @ts-ignore
+export function deserializeIntoCreateRecipeImageRequest(createRecipeImageRequest: Partial<CreateRecipeImageRequest> | undefined = {}) : Record<string, (node: ParseNode) => void> {
+    return {
+        "url": n => { createRecipeImageRequest.url = n.getStringValue(); },
+    }
+}
+// @ts-ignore
+export function deserializeIntoAddIngredientsToShoppingListRequest(addIngredientsToShoppingListRequest: Partial<AddIngredientsToShoppingListRequest> | undefined = {}) : Record<string, (node: ParseNode) => void> {
+    return {
+        "shoppingListId": n => { addIngredientsToShoppingListRequest.shoppingListId = n.getNumberValue(); },
+    }
+}
+// @ts-ignore
+export function serializeRecipe(writer: SerializationWriter, recipe: Partial<Recipe> | undefined | null = {}, isSerializingDerivedType: boolean = false) : void {
+    if (!recipe || isSerializingDerivedType) { return; }
+    writer.writeNumberValue("id", recipe.id);
+    writer.writeStringValue("name", recipe.name);
+    writer.writeStringValue("link", recipe.link);
+    writer.writeStringValue("notes", recipe.notes);
+    writer.writeStringValue("createdOn", recipe.createdOn);
+    writer.writeStringValue("modifiedOn", recipe.modifiedOn);
+    writer.writeStringValue("deletedOn", recipe.deletedOn);
+    writer.writeAdditionalData(recipe.additionalData);
+}
+// @ts-ignore
+export function serializeRecipeIngredient(writer: SerializationWriter, recipeIngredient: Partial<RecipeIngredient> | undefined | null = {}, isSerializingDerivedType: boolean = false) : void {
+    if (!recipeIngredient || isSerializingDerivedType) { return; }
+    writer.writeNumberValue("id", recipeIngredient.id);
+    writer.writeNumberValue("recipeId", recipeIngredient.recipeId);
+    writer.writeStringValue("name", recipeIngredient.name);
+    writer.writeNumberValue("amount", recipeIngredient.amount);
+    writer.writeStringValue("unit", recipeIngredient.unit);
+    writer.writeStringValue("group", recipeIngredient.group);
+    writer.writeStringValue("createdOn", recipeIngredient.createdOn);
+    writer.writeStringValue("modifiedOn", recipeIngredient.modifiedOn);
+    writer.writeStringValue("deletedOn", recipeIngredient.deletedOn);
+    writer.writeAdditionalData(recipeIngredient.additionalData);
+}
+// @ts-ignore
+export function serializeRecipeStep(writer: SerializationWriter, recipeStep: Partial<RecipeStep> | undefined | null = {}, isSerializingDerivedType: boolean = false) : void {
+    if (!recipeStep || isSerializingDerivedType) { return; }
+    writer.writeNumberValue("id", recipeStep.id);
+    writer.writeNumberValue("recipeId", recipeStep.recipeId);
+    writer.writeNumberValue("order", recipeStep.order);
+    writer.writeStringValue("text", recipeStep.text);
+    writer.writeStringValue("createdOn", recipeStep.createdOn);
+    writer.writeStringValue("modifiedOn", recipeStep.modifiedOn);
+    writer.writeStringValue("deletedOn", recipeStep.deletedOn);
+    writer.writeAdditionalData(recipeStep.additionalData);
+}
+// @ts-ignore
+export function serializeRecipeImage(writer: SerializationWriter, recipeImage: Partial<RecipeImage> | undefined | null = {}, isSerializingDerivedType: boolean = false) : void {
+    if (!recipeImage || isSerializingDerivedType) { return; }
+    writer.writeNumberValue("id", recipeImage.id);
+    writer.writeNumberValue("recipeId", recipeImage.recipeId);
+    writer.writeStringValue("url", recipeImage.url);
+    writer.writeStringValue("createdOn", recipeImage.createdOn);
+    writer.writeStringValue("deletedOn", recipeImage.deletedOn);
+    writer.writeAdditionalData(recipeImage.additionalData);
+}
+// @ts-ignore
+export function serializeCreateRecipeRequest(writer: SerializationWriter, createRecipeRequest: Partial<CreateRecipeRequest> | undefined | null = {}, isSerializingDerivedType: boolean = false) : void {
+    if (!createRecipeRequest || isSerializingDerivedType) { return; }
+    writer.writeStringValue("name", createRecipeRequest.name);
+    writer.writeStringValue("link", createRecipeRequest.link);
+    writer.writeStringValue("notes", createRecipeRequest.notes);
+    writer.writeAdditionalData(createRecipeRequest.additionalData);
+}
+// @ts-ignore
+export function serializeUpdateRecipeRequest(writer: SerializationWriter, updateRecipeRequest: Partial<UpdateRecipeRequest> | undefined | null = {}, isSerializingDerivedType: boolean = false) : void {
+    if (!updateRecipeRequest || isSerializingDerivedType) { return; }
+    writer.writeStringValue("name", updateRecipeRequest.name);
+    writer.writeStringValue("link", updateRecipeRequest.link);
+    writer.writeStringValue("notes", updateRecipeRequest.notes);
+    writer.writeAdditionalData(updateRecipeRequest.additionalData);
+}
+// @ts-ignore
+export function serializeCreateRecipeIngredientRequest(writer: SerializationWriter, createRecipeIngredientRequest: Partial<CreateRecipeIngredientRequest> | undefined | null = {}, isSerializingDerivedType: boolean = false) : void {
+    if (!createRecipeIngredientRequest || isSerializingDerivedType) { return; }
+    writer.writeStringValue("name", createRecipeIngredientRequest.name);
+    writer.writeNumberValue("amount", createRecipeIngredientRequest.amount);
+    writer.writeStringValue("unit", createRecipeIngredientRequest.unit);
+    writer.writeStringValue("group", createRecipeIngredientRequest.group);
+    writer.writeAdditionalData(createRecipeIngredientRequest.additionalData);
+}
+// @ts-ignore
+export function serializeUpdateRecipeIngredientRequest(writer: SerializationWriter, updateRecipeIngredientRequest: Partial<UpdateRecipeIngredientRequest> | undefined | null = {}, isSerializingDerivedType: boolean = false) : void {
+    if (!updateRecipeIngredientRequest || isSerializingDerivedType) { return; }
+    writer.writeStringValue("name", updateRecipeIngredientRequest.name);
+    writer.writeNumberValue("amount", updateRecipeIngredientRequest.amount);
+    writer.writeStringValue("unit", updateRecipeIngredientRequest.unit);
+    writer.writeStringValue("group", updateRecipeIngredientRequest.group);
+    writer.writeAdditionalData(updateRecipeIngredientRequest.additionalData);
+}
+// @ts-ignore
+export function serializeCreateRecipeStepRequest(writer: SerializationWriter, createRecipeStepRequest: Partial<CreateRecipeStepRequest> | undefined | null = {}, isSerializingDerivedType: boolean = false) : void {
+    if (!createRecipeStepRequest || isSerializingDerivedType) { return; }
+    writer.writeStringValue("text", createRecipeStepRequest.text);
+    writer.writeNumberValue("order", createRecipeStepRequest.order);
+    writer.writeAdditionalData(createRecipeStepRequest.additionalData);
+}
+// @ts-ignore
+export function serializeUpdateRecipeStepRequest(writer: SerializationWriter, updateRecipeStepRequest: Partial<UpdateRecipeStepRequest> | undefined | null = {}, isSerializingDerivedType: boolean = false) : void {
+    if (!updateRecipeStepRequest || isSerializingDerivedType) { return; }
+    writer.writeStringValue("text", updateRecipeStepRequest.text);
+    writer.writeNumberValue("order", updateRecipeStepRequest.order);
+    writer.writeAdditionalData(updateRecipeStepRequest.additionalData);
+}
+// @ts-ignore
+export function serializeCreateRecipeImageRequest(writer: SerializationWriter, createRecipeImageRequest: Partial<CreateRecipeImageRequest> | undefined | null = {}, isSerializingDerivedType: boolean = false) : void {
+    if (!createRecipeImageRequest || isSerializingDerivedType) { return; }
+    writer.writeStringValue("url", createRecipeImageRequest.url);
+    writer.writeAdditionalData(createRecipeImageRequest.additionalData);
+}
+// @ts-ignore
+export function serializeAddIngredientsToShoppingListRequest(writer: SerializationWriter, addIngredientsToShoppingListRequest: Partial<AddIngredientsToShoppingListRequest> | undefined | null = {}, isSerializingDerivedType: boolean = false) : void {
+    if (!addIngredientsToShoppingListRequest || isSerializingDerivedType) { return; }
+    writer.writeNumberValue("shoppingListId", addIngredientsToShoppingListRequest.shoppingListId);
+    writer.writeAdditionalData(addIngredientsToShoppingListRequest.additionalData);
+}
 /* tslint:enable */
 /* eslint-enable */
diff --git a/src/Anything.API/Data/ApplicationDbContext.cs b/src/Anything.API/Data/ApplicationDbContext.cs
index 88c47b0..584dd77 100644
--- a/src/Anything.API/Data/ApplicationDbContext.cs
+++ b/src/Anything.API/Data/ApplicationDbContext.cs
@@ -20,6 +20,10 @@ public ApplicationDbContext(DbContextOptions<ApplicationDbContext> options)
     public DbSet<ShoppingList> ShoppingLists => Set<ShoppingList>();
     public DbSet<ShoppingListItem> ShoppingListItems => Set<ShoppingListItem>();
     public DbSet<ShoppingListRecommendation> ShoppingListRecommendations => Set<ShoppingListRecommendation>();
+    public DbSet<Recipe> Recipes => Set<Recipe>();
+    public DbSet<RecipeIngredient> RecipeIngredients => Set<RecipeIngredient>();
+    public DbSet<RecipeStep> RecipeSteps => Set<RecipeStep>();
+    public DbSet<RecipeImage> RecipeImages => Set<RecipeImage>();
 
     protected override void OnModelCreating(ModelBuilder modelBuilder)
     {
@@ -123,6 +127,46 @@ protected override void OnModelCreating(ModelBuilder modelBuilder)
             entity.Property(e => e.Name).IsRequired().HasMaxLength(200);
             entity.HasIndex(e => e.Name).IsUnique();
         });
+
+        modelBuilder.Entity<Recipe>(entity =>
+        {
+            entity.HasKey(e => e.Id);
+            entity.Property(e => e.Name).IsRequired().HasMaxLength(200);
+            entity.Property(e => e.Link).HasMaxLength(500);
+            entity.Property(e => e.Notes).HasMaxLength(5000);
+        });
+
+        modelBuilder.Entity<RecipeIngredient>(entity =>
+        {
+            entity.HasKey(e => e.Id);
+            entity.Property(e => e.Name).IsRequired().HasMaxLength(200);
+            entity.Property(e => e.Unit).HasMaxLength(100);
+            entity.Property(e => e.Group).HasMaxLength(200);
+            entity.HasOne<Recipe>()
+                .WithMany()
+                .HasForeignKey(e => e.RecipeId)
+                .OnDelete(DeleteBehavior.Cascade);
+        });
+
+        modelBuilder.Entity<RecipeStep>(entity =>
+        {
+            entity.HasKey(e => e.Id);
+            entity.Property(e => e.Text).IsRequired().HasMaxLength(5000);
+            entity.HasOne<Recipe>()
+                .WithMany()
+                .HasForeignKey(e => e.RecipeId)
+                .OnDelete(DeleteBehavior.Cascade);
+        });
+
+        modelBuilder.Entity<RecipeImage>(entity =>
+        {
+            entity.HasKey(e => e.Id);
+            entity.Property(e => e.Url).IsRequired().HasMaxLength(1000);
+            entity.HasOne<Recipe>()
+                .WithMany()
+                .HasForeignKey(e => e.RecipeId)
+                .OnDelete(DeleteBehavior.Cascade);
+        });
     }
 }
 
@@ -229,3 +273,47 @@ public class ShoppingListRecommendation
     public DateTime? ModifiedOn { get; set; }
     public DateTime? DeletedOn { get; set; }
 }
+
+public class Recipe
+{
+    public int Id { get; set; }
+    public required string Name { get; set; }
+    public string? Link { get; set; }
+    public string? Notes { get; set; }
+    public DateTime CreatedOn { get; set; } = DateTime.UtcNow;
+    public DateTime? ModifiedOn { get; set; }
+    public DateTime? DeletedOn { get; set; }
+}
+
+public class RecipeIngredient
+{
+    public int Id { get; set; }
+    public int RecipeId { get; set; }
+    public required string Name { get; set; }
+    public decimal Amount { get; set; }
+    public string? Unit { get; set; }
+    public string? Group { get; set; }
+    public DateTime CreatedOn { get; set; } = DateTime.UtcNow;
+    public DateTime? ModifiedOn { get; set; }
+    public DateTime? DeletedOn { get; set; }
+}
+
+public class RecipeStep
+{
+    public int Id { get; set; }
+    public int RecipeId { get; set; }
+    public int Order { get; set; }
+    public required string Text { get; set; }
+    public DateTime CreatedOn { get; set; } = DateTime.UtcNow;
+    public DateTime? ModifiedOn { get; set; }
+    public DateTime? DeletedOn { get; set; }
+}
+
+public class RecipeImage
+{
+    public int Id { get; set; }
+    public int RecipeId { get; set; }
+    public required string Url { get; set; }
+    public DateTime CreatedOn { get; set; } = DateTime.UtcNow;
+    public DateTime? DeletedOn { get; set; }
+}
diff --git a/src/Anything.API/Endpoints/RecipeEndpoints.cs b/src/Anything.API/Endpoints/RecipeEndpoints.cs
new file mode 100644
index 0000000..98bfd24
--- /dev/null
+++ b/src/Anything.API/Endpoints/RecipeEndpoints.cs
@@ -0,0 +1,392 @@
+using System.ComponentModel.DataAnnotations;
+using Anything.API.Data;
+using Microsoft.EntityFrameworkCore;
+using MinimalApis.Extensions.Binding;
+
+namespace Anything.API.Endpoints;
+
+public static class RecipeEndpoints
+{
+    private const string RecipeNotFound = "Recipe not found.";
+    private const string IngredientNotFound = "Ingredient not found.";
+    private const string StepNotFound = "Step not found.";
+    private const string ImageNotFound = "Image not found.";
+
+    public static void MapRecipeEndpoints(this IEndpointRouteBuilder app)
+    {
+        var group = app.MapGroup("/api/recipes");
+
+        group.MapGet("/", async (ApplicationDbContext db) =>
+        {
+            return await db.Recipes
+                .Where(r => r.DeletedOn == null)
+                .ToListAsync();
+        })
+        .WithName("GetRecipes")
+        .RequireAuthorization();
+
+        group.MapGet("/{id}", async (int id, ApplicationDbContext db) =>
+        {
+            return await db.Recipes.FindAsync(id) is Recipe recipe && recipe.DeletedOn == null
+                ? Results.Ok(recipe)
+                : Results.NotFound(RecipeNotFound);
+        })
+        .WithName("GetRecipeById")
+        .RequireAuthorization();
+
+        group.MapPost("/", async (CreateRecipeRequest request, ApplicationDbContext db) =>
+        {
+            var recipe = new Recipe
+            {
+                Name = request.Name,
+                Link = request.Link,
+                Notes = request.Notes
+            };
+
+            db.Recipes.Add(recipe);
+            await db.SaveChangesAsync();
+            return Results.Created($"/api/recipes/{recipe.Id}", recipe);
+        })
+        .WithName("CreateRecipe")
+        .WithParameterValidation()
+        .RequireAuthorization();
+
+        group.MapPut("/{id}", async (int id, UpdateRecipeRequest request, ApplicationDbContext db) =>
+        {
+            var recipe = await db.Recipes.FindAsync(id);
+            if (recipe is null || recipe.DeletedOn != null)
+                return Results.NotFound(RecipeNotFound);
+
+            recipe.Name = request.Name;
+            recipe.Link = request.Link;
+            recipe.Notes = request.Notes;
+            recipe.ModifiedOn = DateTime.UtcNow;
+
+            await db.SaveChangesAsync();
+            return Results.NoContent();
+        })
+        .WithName("UpdateRecipe")
+        .WithParameterValidation()
+        .RequireAuthorization();
+
+        group.MapDelete("/{id}", async (int id, ApplicationDbContext db) =>
+        {
+            var recipe = await db.Recipes.FindAsync(id);
+            if (recipe is null || recipe.DeletedOn != null)
+                return Results.NotFound(RecipeNotFound);
+
+            recipe.DeletedOn = DateTime.UtcNow;
+            await db.SaveChangesAsync();
+            return Results.NoContent();
+        })
+        .WithName("DeleteRecipe")
+        .RequireAuthorization();
+
+        // Ingredients
+        group.MapGet("/{id}/ingredients", async (int id, ApplicationDbContext db) =>
+        {
+            var recipe = await db.Recipes.FindAsync(id);
+            if (recipe is null || recipe.DeletedOn != null)
+                return Results.NotFound(RecipeNotFound);
+
+            var ingredients = await db.RecipeIngredients
+                .Where(i => i.RecipeId == id && i.DeletedOn == null)
+                .ToListAsync();
+            return Results.Ok(ingredients);
+        })
+        .WithName("GetRecipeIngredients")
+        .RequireAuthorization();
+
+        group.MapPost("/{id}/ingredients", async (int id, CreateRecipeIngredientRequest request, ApplicationDbContext db) =>
+        {
+            var recipe = await db.Recipes.FindAsync(id);
+            if (recipe is null || recipe.DeletedOn != null)
+                return Results.NotFound(RecipeNotFound);
+
+            var ingredient = new RecipeIngredient
+            {
+                RecipeId = id,
+                Name = request.Name,
+                Amount = request.Amount,
+                Unit = request.Unit,
+                Group = request.Group
+            };
+
+            db.RecipeIngredients.Add(ingredient);
+            await db.SaveChangesAsync();
+            return Results.Created($"/api/recipes/{id}/ingredients/{ingredient.Id}", ingredient);
+        })
+        .WithName("AddRecipeIngredient")
+        .WithParameterValidation()
+        .RequireAuthorization();
+
+        group.MapPut("/{id}/ingredients/{ingredientId}", async (int id, int ingredientId, UpdateRecipeIngredientRequest request, ApplicationDbContext db) =>
+        {
+            var ingredient = await db.RecipeIngredients.FindAsync(ingredientId);
+            if (ingredient is null || ingredient.DeletedOn != null || ingredient.RecipeId != id)
+                return Results.NotFound(IngredientNotFound);
+
+            ingredient.Name = request.Name;
+            ingredient.Amount = request.Amount;
+            ingredient.Unit = request.Unit;
+            ingredient.Group = request.Group;
+            ingredient.ModifiedOn = DateTime.UtcNow;
+
+            await db.SaveChangesAsync();
+            return Results.NoContent();
+        })
+        .WithName("UpdateRecipeIngredient")
+        .WithParameterValidation()
+        .RequireAuthorization();
+
+        group.MapDelete("/{id}/ingredients/{ingredientId}", async (int id, int ingredientId, ApplicationDbContext db) =>
+        {
+            var ingredient = await db.RecipeIngredients.FindAsync(ingredientId);
+            if (ingredient is null || ingredient.DeletedOn != null || ingredient.RecipeId != id)
+                return Results.NotFound(IngredientNotFound);
+
+            ingredient.DeletedOn = DateTime.UtcNow;
+            await db.SaveChangesAsync();
+            return Results.NoContent();
+        })
+        .WithName("DeleteRecipeIngredient")
+        .RequireAuthorization();
+
+        // Steps
+        group.MapGet("/{id}/steps", async (int id, ApplicationDbContext db) =>
+        {
+            var recipe = await db.Recipes.FindAsync(id);
+            if (recipe is null || recipe.DeletedOn != null)
+                return Results.NotFound(RecipeNotFound);
+
+            var steps = await db.RecipeSteps
+                .Where(s => s.RecipeId == id && s.DeletedOn == null)
+                .OrderBy(s => s.Order)
+                .ToListAsync();
+            return Results.Ok(steps);
+        })
+        .WithName("GetRecipeSteps")
+        .RequireAuthorization();
+
+        group.MapPost("/{id}/steps", async (int id, CreateRecipeStepRequest request, ApplicationDbContext db) =>
+        {
+            var recipe = await db.Recipes.FindAsync(id);
+            if (recipe is null || recipe.DeletedOn != null)
+                return Results.NotFound(RecipeNotFound);
+
+            var step = new RecipeStep
+            {
+                RecipeId = id,
+                Text = request.Text,
+                Order = request.Order
+            };
+
+            db.RecipeSteps.Add(step);
+            await db.SaveChangesAsync();
+            return Results.Created($"/api/recipes/{id}/steps/{step.Id}", step);
+        })
+        .WithName("AddRecipeStep")
+        .WithParameterValidation()
+        .RequireAuthorization();
+
+        group.MapPut("/{id}/steps/{stepId}", async (int id, int stepId, UpdateRecipeStepRequest request, ApplicationDbContext db) =>
+        {
+            var step = await db.RecipeSteps.FindAsync(stepId);
+            if (step is null || step.DeletedOn != null || step.RecipeId != id)
+                return Results.NotFound(StepNotFound);
+
+            step.Text = request.Text;
+            step.Order = request.Order;
+            step.ModifiedOn = DateTime.UtcNow;
+
+            await db.SaveChangesAsync();
+            return Results.NoContent();
+        })
+        .WithName("UpdateRecipeStep")
+        .WithParameterValidation()
+        .RequireAuthorization();
+
+        group.MapDelete("/{id}/steps/{stepId}", async (int id, int stepId, ApplicationDbContext db) =>
+        {
+            var step = await db.RecipeSteps.FindAsync(stepId);
+            if (step is null || step.DeletedOn != null || step.RecipeId != id)
+                return Results.NotFound(StepNotFound);
+
+            step.DeletedOn = DateTime.UtcNow;
+            await db.SaveChangesAsync();
+            return Results.NoContent();
+        })
+        .WithName("DeleteRecipeStep")
+        .RequireAuthorization();
+
+        // Images
+        group.MapGet("/{id}/images", async (int id, ApplicationDbContext db) =>
+        {
+            var recipe = await db.Recipes.FindAsync(id);
+            if (recipe is null || recipe.DeletedOn != null)
+                return Results.NotFound(RecipeNotFound);
+
+            var images = await db.RecipeImages
+                .Where(i => i.RecipeId == id && i.DeletedOn == null)
+                .ToListAsync();
+            return Results.Ok(images);
+        })
+        .WithName("GetRecipeImages")
+        .RequireAuthorization();
+
+        group.MapPost("/{id}/images", async (int id, CreateRecipeImageRequest request, ApplicationDbContext db) =>
+        {
+            var recipe = await db.Recipes.FindAsync(id);
+            if (recipe is null || recipe.DeletedOn != null)
+                return Results.NotFound(RecipeNotFound);
+
+            var image = new RecipeImage
+            {
+                RecipeId = id,
+                Url = request.Url
+            };
+
+            db.RecipeImages.Add(image);
+            await db.SaveChangesAsync();
+            return Results.Created($"/api/recipes/{id}/images/{image.Id}", image);
+        })
+        .WithName("AddRecipeImage")
+        .WithParameterValidation()
+        .RequireAuthorization();
+
+        group.MapDelete("/{id}/images/{imageId}", async (int id, int imageId, ApplicationDbContext db) =>
+        {
+            var image = await db.RecipeImages.FindAsync(imageId);
+            if (image is null || image.DeletedOn != null || image.RecipeId != id)
+                return Results.NotFound(ImageNotFound);
+
+            image.DeletedOn = DateTime.UtcNow;
+            await db.SaveChangesAsync();
+            return Results.NoContent();
+        })
+        .WithName("DeleteRecipeImage")
+        .RequireAuthorization();
+
+        // Add ingredients to shopping list
+        group.MapPost("/{id}/add-to-shopping-list", async (int id, AddToShoppingListRequest request, ApplicationDbContext db) =>
+        {
+            var recipe = await db.Recipes.FindAsync(id);
+            if (recipe is null || recipe.DeletedOn != null)
+                return Results.NotFound(RecipeNotFound);
+
+            var shoppingList = await db.ShoppingLists.FindAsync(request.ShoppingListId);
+            if (shoppingList is null || shoppingList.DeletedOn != null)
+                return Results.NotFound("Shopping list not found.");
+
+            var ingredients = await db.RecipeIngredients
+                .Where(i => i.RecipeId == id && i.DeletedOn == null)
+                .ToListAsync();
+
+            var itemNames = ingredients.Select(ingredient => string.IsNullOrWhiteSpace(ingredient.Unit)
+                ? $"{ingredient.Amount:0.##} {ingredient.Name}"
+                : $"{ingredient.Amount:0.##} {ingredient.Unit} {ingredient.Name}").ToList();
+
+            var itemNamesLower = itemNames.Select(n => n.ToLower()).ToHashSet();
+            var existingRecommendations = await db.ShoppingListRecommendations
+                .Where(r => r.DeletedOn == null && itemNamesLower.Contains(r.Name.ToLower()))
+                .Select(r => r.Name.ToLower())
+                .ToHashSetAsync();
+
+            foreach (var itemName in itemNames)
+            {
+                db.ShoppingListItems.Add(new ShoppingListItem
+                {
+                    ShoppingListId = request.ShoppingListId,
+                    Name = itemName
+                });
+
+                var nameNormalized = itemName.Trim();
+                if (!existingRecommendations.Contains(nameNormalized.ToLower()))
+                {
+                    db.ShoppingListRecommendations.Add(new ShoppingListRecommendation
+                    {
+                        Name = nameNormalized,
+                        IsApproved = false
+                    });
+                    existingRecommendations.Add(nameNormalized.ToLower());
+                }
+            }
+
+            try
+            {
+                await db.SaveChangesAsync();
+            }
+            catch (DbUpdateException)
+            {
+                return Results.Problem("A database error occurred while saving the shopping list items.");
+            }
+            return Results.NoContent();
+        })
+        .WithName("AddRecipeIngredientsToShoppingList")
+        .WithParameterValidation()
+        .RequireAuthorization();
+    }
+}
+
+public record CreateRecipeRequest(
+    [Required(ErrorMessage = "Name is required.")]
+    [StringLength(200, MinimumLength = 1, ErrorMessage = "Name must be between 1 and 200 characters.")]
+    string Name,
+    [StringLength(500, ErrorMessage = "Link must be at most 500 characters.")]
+    [Url(ErrorMessage = "Link must be a valid URL.")]
+    string? Link,
+    [StringLength(5000, ErrorMessage = "Notes must be at most 5000 characters.")]
+    string? Notes);
+
+public record UpdateRecipeRequest(
+    [Required(ErrorMessage = "Name is required.")]
+    [StringLength(200, MinimumLength = 1, ErrorMessage = "Name must be between 1 and 200 characters.")]
+    string Name,
+    [StringLength(500, ErrorMessage = "Link must be at most 500 characters.")]
+    [Url(ErrorMessage = "Link must be a valid URL.")]
+    string? Link,
+    [StringLength(5000, ErrorMessage = "Notes must be at most 5000 characters.")]
+    string? Notes);
+
+public record CreateRecipeIngredientRequest(
+    [Required(ErrorMessage = "Name is required.")]
+    [StringLength(200, MinimumLength = 1, ErrorMessage = "Name must be between 1 and 200 characters.")]
+    string Name,
+    [Range(0.001, double.MaxValue, ErrorMessage = "Amount must be greater than 0.")]
+    decimal Amount,
+    [StringLength(100, ErrorMessage = "Unit must be at most 100 characters.")]
+    string? Unit,
+    [StringLength(200, ErrorMessage = "Group must be at most 200 characters.")]
+    string? Group);
+
+public record UpdateRecipeIngredientRequest(
+    [Required(ErrorMessage = "Name is required.")]
+    [StringLength(200, MinimumLength = 1, ErrorMessage = "Name must be between 1 and 200 characters.")]
+    string Name,
+    [Range(0.001, double.MaxValue, ErrorMessage = "Amount must be greater than 0.")]
+    decimal Amount,
+    [StringLength(100, ErrorMessage = "Unit must be at most 100 characters.")]
+    string? Unit,
+    [StringLength(200, ErrorMessage = "Group must be at most 200 characters.")]
+    string? Group);
+
+public record CreateRecipeStepRequest(
+    [Required(ErrorMessage = "Text is required.")]
+    [StringLength(5000, MinimumLength = 1, ErrorMessage = "Text must be between 1 and 5000 characters.")]
+    string Text,
+    int Order);
+
+public record UpdateRecipeStepRequest(
+    [Required(ErrorMessage = "Text is required.")]
+    [StringLength(5000, MinimumLength = 1, ErrorMessage = "Text must be between 1 and 5000 characters.")]
+    string Text,
+    int Order);
+
+public record CreateRecipeImageRequest(
+    [Required(ErrorMessage = "Url is required.")]
+    [StringLength(1000, MinimumLength = 1, ErrorMessage = "Url must be between 1 and 1000 characters.")]
+    [Url(ErrorMessage = "Url must be a valid URL.")]
+    string Url);
+
+public record AddToShoppingListRequest(
+    int ShoppingListId);
diff --git a/src/Anything.API/Migrations/20260223134937_AddRecipes.Designer.cs b/src/Anything.API/Migrations/20260223134937_AddRecipes.Designer.cs
new file mode 100644
index 0000000..4bc8c6a
--- /dev/null
+++ b/src/Anything.API/Migrations/20260223134937_AddRecipes.Designer.cs
@@ -0,0 +1,590 @@
+// <auto-generated />
+using System;
+using Anything.API.Data;
+using Microsoft.EntityFrameworkCore;
+using Microsoft.EntityFrameworkCore.Infrastructure;
+using Microsoft.EntityFrameworkCore.Migrations;
+using Microsoft.EntityFrameworkCore.Storage.ValueConversion;
+using Npgsql.EntityFrameworkCore.PostgreSQL.Metadata;
+
+#nullable disable
+
+namespace Anything.API.Migrations
+{
+    [DbContext(typeof(ApplicationDbContext))]
+    [Migration("20260223134937_AddRecipes")]
+    partial class AddRecipes
+    {
+        /// <inheritdoc />
+        protected override void BuildTargetModel(ModelBuilder modelBuilder)
+        {
+#pragma warning disable 612, 618
+            modelBuilder
+                .HasAnnotation("ProductVersion", "10.0.3")
+                .HasAnnotation("Relational:MaxIdentifierLength", 63);
+
+            NpgsqlModelBuilderExtensions.UseIdentityByDefaultColumns(modelBuilder);
+
+            modelBuilder.Entity("Anything.API.Data.InventoryBox", b =>
+                {
+                    b.Property<int>("Id")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("integer");
+
+                    NpgsqlPropertyBuilderExtensions.UseIdentityByDefaultColumn(b.Property<int>("Id"));
+
+                    b.Property<DateTime>("CreatedOn")
+                        .HasColumnType("timestamp with time zone");
+
+                    b.Property<DateTime?>("DeletedOn")
+                        .HasColumnType("timestamp with time zone");
+
+                    b.Property<DateTime?>("ModifiedOn")
+                        .HasColumnType("timestamp with time zone");
+
+                    b.Property<int>("Number")
+                        .HasColumnType("integer");
+
+                    b.Property<int?>("StorageUnitId")
+                        .HasColumnType("integer");
+
+                    b.HasKey("Id");
+
+                    b.HasIndex("StorageUnitId");
+
+                    b.ToTable("InventoryBoxes");
+                });
+
+            modelBuilder.Entity("Anything.API.Data.InventoryItem", b =>
+                {
+                    b.Property<int>("Id")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("integer");
+
+                    NpgsqlPropertyBuilderExtensions.UseIdentityByDefaultColumn(b.Property<int>("Id"));
+
+                    b.Property<int?>("BoxId")
+                        .HasColumnType("integer");
+
+                    b.Property<DateTime>("CreatedOn")
+                        .HasColumnType("timestamp with time zone");
+
+                    b.Property<DateTime?>("DeletedOn")
+                        .HasColumnType("timestamp with time zone");
+
+                    b.Property<string>("Description")
+                        .HasMaxLength(1000)
+                        .HasColumnType("character varying(1000)");
+
+                    b.Property<DateTime?>("ModifiedOn")
+                        .HasColumnType("timestamp with time zone");
+
+                    b.Property<string>("Name")
+                        .IsRequired()
+                        .HasMaxLength(200)
+                        .HasColumnType("character varying(200)");
+
+                    b.Property<int?>("StorageUnitId")
+                        .HasColumnType("integer");
+
+                    b.HasKey("Id");
+
+                    b.HasIndex("BoxId");
+
+                    b.HasIndex("StorageUnitId");
+
+                    b.ToTable("InventoryItems");
+                });
+
+            modelBuilder.Entity("Anything.API.Data.InventoryStorageUnit", b =>
+                {
+                    b.Property<int>("Id")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("integer");
+
+                    NpgsqlPropertyBuilderExtensions.UseIdentityByDefaultColumn(b.Property<int>("Id"));
+
+                    b.Property<DateTime>("CreatedOn")
+                        .HasColumnType("timestamp with time zone");
+
+                    b.Property<DateTime?>("DeletedOn")
+                        .HasColumnType("timestamp with time zone");
+
+                    b.Property<DateTime?>("ModifiedOn")
+                        .HasColumnType("timestamp with time zone");
+
+                    b.Property<string>("Name")
+                        .IsRequired()
+                        .HasMaxLength(200)
+                        .HasColumnType("character varying(200)");
+
+                    b.Property<string>("Type")
+                        .HasMaxLength(100)
+                        .HasColumnType("character varying(100)");
+
+                    b.HasKey("Id");
+
+                    b.ToTable("InventoryStorageUnits");
+                });
+
+            modelBuilder.Entity("Anything.API.Data.Recipe", b =>
+                {
+                    b.Property<int>("Id")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("integer");
+
+                    NpgsqlPropertyBuilderExtensions.UseIdentityByDefaultColumn(b.Property<int>("Id"));
+
+                    b.Property<DateTime>("CreatedOn")
+                        .HasColumnType("timestamp with time zone");
+
+                    b.Property<DateTime?>("DeletedOn")
+                        .HasColumnType("timestamp with time zone");
+
+                    b.Property<string>("Link")
+                        .HasMaxLength(500)
+                        .HasColumnType("character varying(500)");
+
+                    b.Property<DateTime?>("ModifiedOn")
+                        .HasColumnType("timestamp with time zone");
+
+                    b.Property<string>("Name")
+                        .IsRequired()
+                        .HasMaxLength(200)
+                        .HasColumnType("character varying(200)");
+
+                    b.Property<string>("Notes")
+                        .HasMaxLength(5000)
+                        .HasColumnType("character varying(5000)");
+
+                    b.HasKey("Id");
+
+                    b.ToTable("Recipes");
+                });
+
+            modelBuilder.Entity("Anything.API.Data.RecipeImage", b =>
+                {
+                    b.Property<int>("Id")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("integer");
+
+                    NpgsqlPropertyBuilderExtensions.UseIdentityByDefaultColumn(b.Property<int>("Id"));
+
+                    b.Property<DateTime>("CreatedOn")
+                        .HasColumnType("timestamp with time zone");
+
+                    b.Property<DateTime?>("DeletedOn")
+                        .HasColumnType("timestamp with time zone");
+
+                    b.Property<int>("RecipeId")
+                        .HasColumnType("integer");
+
+                    b.Property<string>("Url")
+                        .IsRequired()
+                        .HasMaxLength(1000)
+                        .HasColumnType("character varying(1000)");
+
+                    b.HasKey("Id");
+
+                    b.HasIndex("RecipeId");
+
+                    b.ToTable("RecipeImages");
+                });
+
+            modelBuilder.Entity("Anything.API.Data.RecipeIngredient", b =>
+                {
+                    b.Property<int>("Id")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("integer");
+
+                    NpgsqlPropertyBuilderExtensions.UseIdentityByDefaultColumn(b.Property<int>("Id"));
+
+                    b.Property<decimal>("Amount")
+                        .HasColumnType("numeric");
+
+                    b.Property<DateTime>("CreatedOn")
+                        .HasColumnType("timestamp with time zone");
+
+                    b.Property<DateTime?>("DeletedOn")
+                        .HasColumnType("timestamp with time zone");
+
+                    b.Property<string>("Group")
+                        .HasMaxLength(200)
+                        .HasColumnType("character varying(200)");
+
+                    b.Property<DateTime?>("ModifiedOn")
+                        .HasColumnType("timestamp with time zone");
+
+                    b.Property<string>("Name")
+                        .IsRequired()
+                        .HasMaxLength(200)
+                        .HasColumnType("character varying(200)");
+
+                    b.Property<int>("RecipeId")
+                        .HasColumnType("integer");
+
+                    b.Property<string>("Unit")
+                        .HasMaxLength(100)
+                        .HasColumnType("character varying(100)");
+
+                    b.HasKey("Id");
+
+                    b.HasIndex("RecipeId");
+
+                    b.ToTable("RecipeIngredients");
+                });
+
+            modelBuilder.Entity("Anything.API.Data.RecipeStep", b =>
+                {
+                    b.Property<int>("Id")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("integer");
+
+                    NpgsqlPropertyBuilderExtensions.UseIdentityByDefaultColumn(b.Property<int>("Id"));
+
+                    b.Property<DateTime>("CreatedOn")
+                        .HasColumnType("timestamp with time zone");
+
+                    b.Property<DateTime?>("DeletedOn")
+                        .HasColumnType("timestamp with time zone");
+
+                    b.Property<DateTime?>("ModifiedOn")
+                        .HasColumnType("timestamp with time zone");
+
+                    b.Property<int>("Order")
+                        .HasColumnType("integer");
+
+                    b.Property<int>("RecipeId")
+                        .HasColumnType("integer");
+
+                    b.Property<string>("Text")
+                        .IsRequired()
+                        .HasMaxLength(5000)
+                        .HasColumnType("character varying(5000)");
+
+                    b.HasKey("Id");
+
+                    b.HasIndex("RecipeId");
+
+                    b.ToTable("RecipeSteps");
+                });
+
+            modelBuilder.Entity("Anything.API.Data.RefreshToken", b =>
+                {
+                    b.Property<int>("Id")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("integer");
+
+                    NpgsqlPropertyBuilderExtensions.UseIdentityByDefaultColumn(b.Property<int>("Id"));
+
+                    b.Property<DateTime>("CreatedOn")
+                        .HasColumnType("timestamp with time zone");
+
+                    b.Property<DateTime>("ExpiresAt")
+                        .HasColumnType("timestamp with time zone");
+
+                    b.Property<bool>("IsRevoked")
+                        .HasColumnType("boolean");
+
+                    b.Property<string>("Token")
+                        .IsRequired()
+                        .HasMaxLength(500)
+                        .HasColumnType("character varying(500)");
+
+                    b.Property<int>("UserId")
+                        .HasColumnType("integer");
+
+                    b.HasKey("Id");
+
+                    b.HasIndex("Token")
+                        .IsUnique();
+
+                    b.HasIndex("UserId");
+
+                    b.ToTable("RefreshTokens");
+                });
+
+            modelBuilder.Entity("Anything.API.Data.ShoppingList", b =>
+                {
+                    b.Property<int>("Id")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("integer");
+
+                    NpgsqlPropertyBuilderExtensions.UseIdentityByDefaultColumn(b.Property<int>("Id"));
+
+                    b.Property<DateTime>("CreatedOn")
+                        .HasColumnType("timestamp with time zone");
+
+                    b.Property<DateTime?>("DeletedOn")
+                        .HasColumnType("timestamp with time zone");
+
+                    b.Property<DateTime?>("ModifiedOn")
+                        .HasColumnType("timestamp with time zone");
+
+                    b.Property<string>("Name")
+                        .IsRequired()
+                        .HasMaxLength(200)
+                        .HasColumnType("character varying(200)");
+
+                    b.HasKey("Id");
+
+                    b.ToTable("ShoppingLists");
+                });
+
+            modelBuilder.Entity("Anything.API.Data.ShoppingListItem", b =>
+                {
+                    b.Property<int>("Id")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("integer");
+
+                    NpgsqlPropertyBuilderExtensions.UseIdentityByDefaultColumn(b.Property<int>("Id"));
+
+                    b.Property<DateTime>("CreatedOn")
+                        .HasColumnType("timestamp with time zone");
+
+                    b.Property<DateTime?>("DeletedOn")
+                        .HasColumnType("timestamp with time zone");
+
+                    b.Property<bool>("IsChecked")
+                        .HasColumnType("boolean");
+
+                    b.Property<DateTime?>("ModifiedOn")
+                        .HasColumnType("timestamp with time zone");
+
+                    b.Property<string>("Name")
+                        .IsRequired()
+                        .HasMaxLength(200)
+                        .HasColumnType("character varying(200)");
+
+                    b.Property<int>("ShoppingListId")
+                        .HasColumnType("integer");
+
+                    b.HasKey("Id");
+
+                    b.HasIndex("ShoppingListId");
+
+                    b.ToTable("ShoppingListItems");
+                });
+
+            modelBuilder.Entity("Anything.API.Data.ShoppingListRecommendation", b =>
+                {
+                    b.Property<int>("Id")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("integer");
+
+                    NpgsqlPropertyBuilderExtensions.UseIdentityByDefaultColumn(b.Property<int>("Id"));
+
+                    b.Property<DateTime>("CreatedOn")
+                        .HasColumnType("timestamp with time zone");
+
+                    b.Property<DateTime?>("DeletedOn")
+                        .HasColumnType("timestamp with time zone");
+
+                    b.Property<bool>("IsApproved")
+                        .HasColumnType("boolean");
+
+                    b.Property<DateTime?>("ModifiedOn")
+                        .HasColumnType("timestamp with time zone");
+
+                    b.Property<string>("Name")
+                        .IsRequired()
+                        .HasMaxLength(200)
+                        .HasColumnType("character varying(200)");
+
+                    b.HasKey("Id");
+
+                    b.HasIndex("Name")
+                        .IsUnique();
+
+                    b.ToTable("ShoppingListRecommendations");
+                });
+
+            modelBuilder.Entity("Anything.API.Data.Something", b =>
+                {
+                    b.Property<int>("Id")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("integer");
+
+                    NpgsqlPropertyBuilderExtensions.UseIdentityByDefaultColumn(b.Property<int>("Id"));
+
+                    b.Property<DateTime>("CreatedOn")
+                        .HasColumnType("timestamp with time zone");
+
+                    b.Property<DateTime?>("DeletedOn")
+                        .HasColumnType("timestamp with time zone");
+
+                    b.Property<DateTime?>("ModifiedOn")
+                        .HasColumnType("timestamp with time zone");
+
+                    b.Property<string>("Name")
+                        .IsRequired()
+                        .HasMaxLength(200)
+                        .HasColumnType("character varying(200)");
+
+                    b.HasKey("Id");
+
+                    b.ToTable("Somethings");
+                });
+
+            modelBuilder.Entity("Anything.API.Data.User", b =>
+                {
+                    b.Property<int>("Id")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("integer");
+
+                    NpgsqlPropertyBuilderExtensions.UseIdentityByDefaultColumn(b.Property<int>("Id"));
+
+                    b.Property<DateTime>("CreatedOn")
+                        .HasColumnType("timestamp with time zone");
+
+                    b.Property<DateTime?>("DeletedOn")
+                        .HasColumnType("timestamp with time zone");
+
+                    b.Property<string>("Email")
+                        .IsRequired()
+                        .HasMaxLength(255)
+                        .HasColumnType("character varying(255)");
+
+                    b.Property<DateTime?>("ModifiedOn")
+                        .HasColumnType("timestamp with time zone");
+
+                    b.Property<string>("Name")
+                        .IsRequired()
+                        .HasMaxLength(200)
+                        .HasColumnType("character varying(200)");
+
+                    b.Property<string>("PasswordHash")
+                        .IsRequired()
+                        .HasColumnType("text");
+
+                    b.Property<string>("Role")
+                        .IsRequired()
+                        .HasMaxLength(50)
+                        .HasColumnType("character varying(50)");
+
+                    b.HasKey("Id");
+
+                    b.HasIndex("Email")
+                        .IsUnique();
+
+                    b.ToTable("Users");
+                });
+
+            modelBuilder.Entity("Anything.API.Data.UserInvite", b =>
+                {
+                    b.Property<int>("Id")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("integer");
+
+                    NpgsqlPropertyBuilderExtensions.UseIdentityByDefaultColumn(b.Property<int>("Id"));
+
+                    b.Property<int>("CreatedByUserId")
+                        .HasColumnType("integer");
+
+                    b.Property<DateTime>("CreatedOn")
+                        .HasColumnType("timestamp with time zone");
+
+                    b.Property<string>("Email")
+                        .IsRequired()
+                        .HasMaxLength(255)
+                        .HasColumnType("character varying(255)");
+
+                    b.Property<DateTime>("ExpiresAt")
+                        .HasColumnType("timestamp with time zone");
+
+                    b.Property<bool>("IsUsed")
+                        .HasColumnType("boolean");
+
+                    b.Property<string>("Token")
+                        .IsRequired()
+                        .HasMaxLength(500)
+                        .HasColumnType("character varying(500)");
+
+                    b.HasKey("Id");
+
+                    b.HasIndex("CreatedByUserId");
+
+                    b.HasIndex("Token")
+                        .IsUnique();
+
+                    b.ToTable("UserInvites");
+                });
+
+            modelBuilder.Entity("Anything.API.Data.InventoryBox", b =>
+                {
+                    b.HasOne("Anything.API.Data.InventoryStorageUnit", null)
+                        .WithMany()
+                        .HasForeignKey("StorageUnitId")
+                        .OnDelete(DeleteBehavior.Cascade);
+                });
+
+            modelBuilder.Entity("Anything.API.Data.InventoryItem", b =>
+                {
+                    b.HasOne("Anything.API.Data.InventoryBox", null)
+                        .WithMany()
+                        .HasForeignKey("BoxId")
+                        .OnDelete(DeleteBehavior.SetNull);
+
+                    b.HasOne("Anything.API.Data.InventoryStorageUnit", null)
+                        .WithMany()
+                        .HasForeignKey("StorageUnitId")
+                        .OnDelete(DeleteBehavior.Cascade);
+                });
+
+            modelBuilder.Entity("Anything.API.Data.RecipeImage", b =>
+                {
+                    b.HasOne("Anything.API.Data.Recipe", null)
+                        .WithMany()
+                        .HasForeignKey("RecipeId")
+                        .OnDelete(DeleteBehavior.Cascade)
+                        .IsRequired();
+                });
+
+            modelBuilder.Entity("Anything.API.Data.RecipeIngredient", b =>
+                {
+                    b.HasOne("Anything.API.Data.Recipe", null)
+                        .WithMany()
+                        .HasForeignKey("RecipeId")
+                        .OnDelete(DeleteBehavior.Cascade)
+                        .IsRequired();
+                });
+
+            modelBuilder.Entity("Anything.API.Data.RecipeStep", b =>
+                {
+                    b.HasOne("Anything.API.Data.Recipe", null)
+                        .WithMany()
+                        .HasForeignKey("RecipeId")
+                        .OnDelete(DeleteBehavior.Cascade)
+                        .IsRequired();
+                });
+
+            modelBuilder.Entity("Anything.API.Data.RefreshToken", b =>
+                {
+                    b.HasOne("Anything.API.Data.User", null)
+                        .WithMany()
+                        .HasForeignKey("UserId")
+                        .OnDelete(DeleteBehavior.Cascade)
+                        .IsRequired();
+                });
+
+            modelBuilder.Entity("Anything.API.Data.ShoppingListItem", b =>
+                {
+                    b.HasOne("Anything.API.Data.ShoppingList", null)
+                        .WithMany()
+                        .HasForeignKey("ShoppingListId")
+                        .OnDelete(DeleteBehavior.Cascade)
+                        .IsRequired();
+                });
+
+            modelBuilder.Entity("Anything.API.Data.UserInvite", b =>
+                {
+                    b.HasOne("Anything.API.Data.User", null)
+                        .WithMany()
+                        .HasForeignKey("CreatedByUserId")
+                        .OnDelete(DeleteBehavior.Cascade)
+                        .IsRequired();
+                });
+#pragma warning restore 612, 618
+        }
+    }
+}
diff --git a/src/Anything.API/Migrations/20260223134937_AddRecipes.cs b/src/Anything.API/Migrations/20260223134937_AddRecipes.cs
new file mode 100644
index 0000000..e0de5be
--- /dev/null
+++ b/src/Anything.API/Migrations/20260223134937_AddRecipes.cs
@@ -0,0 +1,137 @@
+using System;
+using Microsoft.EntityFrameworkCore.Migrations;
+using Npgsql.EntityFrameworkCore.PostgreSQL.Metadata;
+
+#nullable disable
+
+namespace Anything.API.Migrations
+{
+    /// <inheritdoc />
+    public partial class AddRecipes : Migration
+    {
+        /// <inheritdoc />
+        protected override void Up(MigrationBuilder migrationBuilder)
+        {
+            migrationBuilder.CreateTable(
+                name: "Recipes",
+                columns: table => new
+                {
+                    Id = table.Column<int>(type: "integer", nullable: false)
+                        .Annotation("Npgsql:ValueGenerationStrategy", NpgsqlValueGenerationStrategy.IdentityByDefaultColumn),
+                    Name = table.Column<string>(type: "character varying(200)", maxLength: 200, nullable: false),
+                    Link = table.Column<string>(type: "character varying(500)", maxLength: 500, nullable: true),
+                    Notes = table.Column<string>(type: "character varying(5000)", maxLength: 5000, nullable: true),
+                    CreatedOn = table.Column<DateTime>(type: "timestamp with time zone", nullable: false),
+                    ModifiedOn = table.Column<DateTime>(type: "timestamp with time zone", nullable: true),
+                    DeletedOn = table.Column<DateTime>(type: "timestamp with time zone", nullable: true)
+                },
+                constraints: table =>
+                {
+                    table.PrimaryKey("PK_Recipes", x => x.Id);
+                });
+
+            migrationBuilder.CreateTable(
+                name: "RecipeImages",
+                columns: table => new
+                {
+                    Id = table.Column<int>(type: "integer", nullable: false)
+                        .Annotation("Npgsql:ValueGenerationStrategy", NpgsqlValueGenerationStrategy.IdentityByDefaultColumn),
+                    RecipeId = table.Column<int>(type: "integer", nullable: false),
+                    Url = table.Column<string>(type: "character varying(1000)", maxLength: 1000, nullable: false),
+                    CreatedOn = table.Column<DateTime>(type: "timestamp with time zone", nullable: false),
+                    DeletedOn = table.Column<DateTime>(type: "timestamp with time zone", nullable: true)
+                },
+                constraints: table =>
+                {
+                    table.PrimaryKey("PK_RecipeImages", x => x.Id);
+                    table.ForeignKey(
+                        name: "FK_RecipeImages_Recipes_RecipeId",
+                        column: x => x.RecipeId,
+                        principalTable: "Recipes",
+                        principalColumn: "Id",
+                        onDelete: ReferentialAction.Cascade);
+                });
+
+            migrationBuilder.CreateTable(
+                name: "RecipeIngredients",
+                columns: table => new
+                {
+                    Id = table.Column<int>(type: "integer", nullable: false)
+                        .Annotation("Npgsql:ValueGenerationStrategy", NpgsqlValueGenerationStrategy.IdentityByDefaultColumn),
+                    RecipeId = table.Column<int>(type: "integer", nullable: false),
+                    Name = table.Column<string>(type: "character varying(200)", maxLength: 200, nullable: false),
+                    Amount = table.Column<decimal>(type: "numeric", nullable: false),
+                    Unit = table.Column<string>(type: "character varying(100)", maxLength: 100, nullable: true),
+                    Group = table.Column<string>(type: "character varying(200)", maxLength: 200, nullable: true),
+                    CreatedOn = table.Column<DateTime>(type: "timestamp with time zone", nullable: false),
+                    ModifiedOn = table.Column<DateTime>(type: "timestamp with time zone", nullable: true),
+                    DeletedOn = table.Column<DateTime>(type: "timestamp with time zone", nullable: true)
+                },
+                constraints: table =>
+                {
+                    table.PrimaryKey("PK_RecipeIngredients", x => x.Id);
+                    table.ForeignKey(
+                        name: "FK_RecipeIngredients_Recipes_RecipeId",
+                        column: x => x.RecipeId,
+                        principalTable: "Recipes",
+                        principalColumn: "Id",
+                        onDelete: ReferentialAction.Cascade);
+                });
+
+            migrationBuilder.CreateTable(
+                name: "RecipeSteps",
+                columns: table => new
+                {
+                    Id = table.Column<int>(type: "integer", nullable: false)
+                        .Annotation("Npgsql:ValueGenerationStrategy", NpgsqlValueGenerationStrategy.IdentityByDefaultColumn),
+                    RecipeId = table.Column<int>(type: "integer", nullable: false),
+                    Order = table.Column<int>(type: "integer", nullable: false),
+                    Text = table.Column<string>(type: "character varying(5000)", maxLength: 5000, nullable: false),
+                    CreatedOn = table.Column<DateTime>(type: "timestamp with time zone", nullable: false),
+                    ModifiedOn = table.Column<DateTime>(type: "timestamp with time zone", nullable: true),
+                    DeletedOn = table.Column<DateTime>(type: "timestamp with time zone", nullable: true)
+                },
+                constraints: table =>
+                {
+                    table.PrimaryKey("PK_RecipeSteps", x => x.Id);
+                    table.ForeignKey(
+                        name: "FK_RecipeSteps_Recipes_RecipeId",
+                        column: x => x.RecipeId,
+                        principalTable: "Recipes",
+                        principalColumn: "Id",
+                        onDelete: ReferentialAction.Cascade);
+                });
+
+            migrationBuilder.CreateIndex(
+                name: "IX_RecipeImages_RecipeId",
+                table: "RecipeImages",
+                column: "RecipeId");
+
+            migrationBuilder.CreateIndex(
+                name: "IX_RecipeIngredients_RecipeId",
+                table: "RecipeIngredients",
+                column: "RecipeId");
+
+            migrationBuilder.CreateIndex(
+                name: "IX_RecipeSteps_RecipeId",
+                table: "RecipeSteps",
+                column: "RecipeId");
+        }
+
+        /// <inheritdoc />
+        protected override void Down(MigrationBuilder migrationBuilder)
+        {
+            migrationBuilder.DropTable(
+                name: "RecipeImages");
+
+            migrationBuilder.DropTable(
+                name: "RecipeIngredients");
+
+            migrationBuilder.DropTable(
+                name: "RecipeSteps");
+
+            migrationBuilder.DropTable(
+                name: "Recipes");
+        }
+    }
+}
diff --git a/src/Anything.API/Migrations/ApplicationDbContextModelSnapshot.cs b/src/Anything.API/Migrations/ApplicationDbContextModelSnapshot.cs
index 4bcad17..98d5a09 100644
--- a/src/Anything.API/Migrations/ApplicationDbContextModelSnapshot.cs
+++ b/src/Anything.API/Migrations/ApplicationDbContextModelSnapshot.cs
@@ -124,6 +124,148 @@ protected override void BuildModel(ModelBuilder modelBuilder)
                     b.ToTable("InventoryStorageUnits");
                 });
 
+            modelBuilder.Entity("Anything.API.Data.Recipe", b =>
+                {
+                    b.Property<int>("Id")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("integer");
+
+                    NpgsqlPropertyBuilderExtensions.UseIdentityByDefaultColumn(b.Property<int>("Id"));
+
+                    b.Property<DateTime>("CreatedOn")
+                        .HasColumnType("timestamp with time zone");
+
+                    b.Property<DateTime?>("DeletedOn")
+                        .HasColumnType("timestamp with time zone");
+
+                    b.Property<string>("Link")
+                        .HasMaxLength(500)
+                        .HasColumnType("character varying(500)");
+
+                    b.Property<DateTime?>("ModifiedOn")
+                        .HasColumnType("timestamp with time zone");
+
+                    b.Property<string>("Name")
+                        .IsRequired()
+                        .HasMaxLength(200)
+                        .HasColumnType("character varying(200)");
+
+                    b.Property<string>("Notes")
+                        .HasMaxLength(5000)
+                        .HasColumnType("character varying(5000)");
+
+                    b.HasKey("Id");
+
+                    b.ToTable("Recipes");
+                });
+
+            modelBuilder.Entity("Anything.API.Data.RecipeImage", b =>
+                {
+                    b.Property<int>("Id")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("integer");
+
+                    NpgsqlPropertyBuilderExtensions.UseIdentityByDefaultColumn(b.Property<int>("Id"));
+
+                    b.Property<DateTime>("CreatedOn")
+                        .HasColumnType("timestamp with time zone");
+
+                    b.Property<DateTime?>("DeletedOn")
+                        .HasColumnType("timestamp with time zone");
+
+                    b.Property<int>("RecipeId")
+                        .HasColumnType("integer");
+
+                    b.Property<string>("Url")
+                        .IsRequired()
+                        .HasMaxLength(1000)
+                        .HasColumnType("character varying(1000)");
+
+                    b.HasKey("Id");
+
+                    b.HasIndex("RecipeId");
+
+                    b.ToTable("RecipeImages");
+                });
+
+            modelBuilder.Entity("Anything.API.Data.RecipeIngredient", b =>
+                {
+                    b.Property<int>("Id")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("integer");
+
+                    NpgsqlPropertyBuilderExtensions.UseIdentityByDefaultColumn(b.Property<int>("Id"));
+
+                    b.Property<decimal>("Amount")
+                        .HasColumnType("numeric");
+
+                    b.Property<DateTime>("CreatedOn")
+                        .HasColumnType("timestamp with time zone");
+
+                    b.Property<DateTime?>("DeletedOn")
+                        .HasColumnType("timestamp with time zone");
+
+                    b.Property<string>("Group")
+                        .HasMaxLength(200)
+                        .HasColumnType("character varying(200)");
+
+                    b.Property<DateTime?>("ModifiedOn")
+                        .HasColumnType("timestamp with time zone");
+
+                    b.Property<string>("Name")
+                        .IsRequired()
+                        .HasMaxLength(200)
+                        .HasColumnType("character varying(200)");
+
+                    b.Property<int>("RecipeId")
+                        .HasColumnType("integer");
+
+                    b.Property<string>("Unit")
+                        .HasMaxLength(100)
+                        .HasColumnType("character varying(100)");
+
+                    b.HasKey("Id");
+
+                    b.HasIndex("RecipeId");
+
+                    b.ToTable("RecipeIngredients");
+                });
+
+            modelBuilder.Entity("Anything.API.Data.RecipeStep", b =>
+                {
+                    b.Property<int>("Id")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("integer");
+
+                    NpgsqlPropertyBuilderExtensions.UseIdentityByDefaultColumn(b.Property<int>("Id"));
+
+                    b.Property<DateTime>("CreatedOn")
+                        .HasColumnType("timestamp with time zone");
+
+                    b.Property<DateTime?>("DeletedOn")
+                        .HasColumnType("timestamp with time zone");
+
+                    b.Property<DateTime?>("ModifiedOn")
+                        .HasColumnType("timestamp with time zone");
+
+                    b.Property<int>("Order")
+                        .HasColumnType("integer");
+
+                    b.Property<int>("RecipeId")
+                        .HasColumnType("integer");
+
+                    b.Property<string>("Text")
+                        .IsRequired()
+                        .HasMaxLength(5000)
+                        .HasColumnType("character varying(5000)");
+
+                    b.HasKey("Id");
+
+                    b.HasIndex("RecipeId");
+
+                    b.ToTable("RecipeSteps");
+                });
+
             modelBuilder.Entity("Anything.API.Data.RefreshToken", b =>
                 {
                     b.Property<int>("Id")
@@ -386,6 +528,33 @@ protected override void BuildModel(ModelBuilder modelBuilder)
                         .OnDelete(DeleteBehavior.Cascade);
                 });
 
+            modelBuilder.Entity("Anything.API.Data.RecipeImage", b =>
+                {
+                    b.HasOne("Anything.API.Data.Recipe", null)
+                        .WithMany()
+                        .HasForeignKey("RecipeId")
+                        .OnDelete(DeleteBehavior.Cascade)
+                        .IsRequired();
+                });
+
+            modelBuilder.Entity("Anything.API.Data.RecipeIngredient", b =>
+                {
+                    b.HasOne("Anything.API.Data.Recipe", null)
+                        .WithMany()
+                        .HasForeignKey("RecipeId")
+                        .OnDelete(DeleteBehavior.Cascade)
+                        .IsRequired();
+                });
+
+            modelBuilder.Entity("Anything.API.Data.RecipeStep", b =>
+                {
+                    b.HasOne("Anything.API.Data.Recipe", null)
+                        .WithMany()
+                        .HasForeignKey("RecipeId")
+                        .OnDelete(DeleteBehavior.Cascade)
+                        .IsRequired();
+                });
+
             modelBuilder.Entity("Anything.API.Data.RefreshToken", b =>
                 {
                     b.HasOne("Anything.API.Data.User", null)
diff --git a/src/Anything.API/Program.cs b/src/Anything.API/Program.cs
index e839d19..b5834dc 100644
--- a/src/Anything.API/Program.cs
+++ b/src/Anything.API/Program.cs
@@ -108,6 +108,7 @@
 app.MapInventoryBoxEndpoints();
 app.MapInventoryItemEndpoints();
 app.MapShoppingListEndpoints();
+app.MapRecipeEndpoints();
 app.MapRecommendationEndpoints();
 
 app.Run();
diff --git a/tests/Anything.API.IntegrationTests/Infrastructure/AnythingApiFactory.cs b/tests/Anything.API.IntegrationTests/Infrastructure/AnythingApiFactory.cs
index f8885a7..a779df2 100644
--- a/tests/Anything.API.IntegrationTests/Infrastructure/AnythingApiFactory.cs
+++ b/tests/Anything.API.IntegrationTests/Infrastructure/AnythingApiFactory.cs
@@ -76,6 +76,10 @@ public async Task ResetDatabaseAsync()
         db.InventoryItems.RemoveRange(db.InventoryItems);
         db.InventoryBoxes.RemoveRange(db.InventoryBoxes);
         db.InventoryStorageUnits.RemoveRange(db.InventoryStorageUnits);
+        db.RecipeImages.RemoveRange(db.RecipeImages);
+        db.RecipeIngredients.RemoveRange(db.RecipeIngredients);
+        db.RecipeSteps.RemoveRange(db.RecipeSteps);
+        db.Recipes.RemoveRange(db.Recipes);
         db.RefreshTokens.RemoveRange(db.RefreshTokens);
         db.UserInvites.RemoveRange(db.UserInvites);
         // Remove all non-admin users to avoid conflicts between tests
diff --git a/tests/Anything.API.IntegrationTests/RecipeEndpointTests.cs b/tests/Anything.API.IntegrationTests/RecipeEndpointTests.cs
new file mode 100644
index 0000000..db3e8bd
--- /dev/null
+++ b/tests/Anything.API.IntegrationTests/RecipeEndpointTests.cs
@@ -0,0 +1,538 @@
+using System.Net;
+using System.Net.Http.Json;
+using System.Text.Json;
+using Anything.API.IntegrationTests.Infrastructure;
+using Xunit;
+
+namespace Anything.API.IntegrationTests;
+
+public class RecipeEndpointTests : IntegrationTestBase
+{
+    private static readonly JsonSerializerOptions JsonOptions = new()
+    {
+        PropertyNameCaseInsensitive = true
+    };
+
+    private HttpClient? _authenticatedHttpClient;
+
+    public RecipeEndpointTests(PostgresContainerFixture postgres) : base(postgres)
+    {
+    }
+
+    private async Task<HttpClient> GetAuthenticatedHttpClientAsync()
+    {
+        if (_authenticatedHttpClient == null)
+        {
+            var token = await GetAdminTokenAsync();
+            _authenticatedHttpClient = GetAuthenticatedHttpClient(token);
+        }
+        return _authenticatedHttpClient;
+    }
+
+    // --- GET /api/recipes ---
+
+    [Fact]
+    public async Task GetRecipes_WhenEmpty_ReturnsEmptyList()
+    {
+        var client = await GetAuthenticatedHttpClientAsync();
+        var response = await client.GetAsync("/api/recipes");
+
+        Assert.Equal(HttpStatusCode.OK, response.StatusCode);
+        var result = await response.Content.ReadFromJsonAsync<RecipeDto[]>(JsonOptions);
+        Assert.NotNull(result);
+        Assert.Empty(result);
+    }
+
+    [Fact]
+    public async Task GetRecipes_RequiresAuthentication()
+    {
+        var response = await HttpClient.GetAsync("/api/recipes");
+        Assert.Equal(HttpStatusCode.Unauthorized, response.StatusCode);
+    }
+
+    [Fact]
+    public async Task GetRecipes_ReturnsCreatedRecipes()
+    {
+        await CreateRecipeAsync("Pasta", null, null);
+        await CreateRecipeAsync("Pizza", null, null);
+
+        var client = await GetAuthenticatedHttpClientAsync();
+        var response = await client.GetAsync("/api/recipes");
+        var result = await response.Content.ReadFromJsonAsync<RecipeDto[]>(JsonOptions);
+
+        Assert.NotNull(result);
+        Assert.Equal(2, result.Length);
+        Assert.Contains(result, r => r.Name == "Pasta");
+        Assert.Contains(result, r => r.Name == "Pizza");
+    }
+
+    [Fact]
+    public async Task GetRecipes_DoesNotReturnDeletedRecipes()
+    {
+        var recipe = await CreateRecipeAsync("Deleted", null, null);
+        var client = await GetAuthenticatedHttpClientAsync();
+        await client.DeleteAsync($"/api/recipes/{recipe.Id}");
+
+        var response = await client.GetAsync("/api/recipes");
+        var result = await response.Content.ReadFromJsonAsync<RecipeDto[]>(JsonOptions);
+
+        Assert.NotNull(result);
+        Assert.Empty(result);
+    }
+
+    // --- GET /api/recipes/{id} ---
+
+    [Fact]
+    public async Task GetRecipeById_ReturnsRecipe()
+    {
+        var recipe = await CreateRecipeAsync("Soup", "https://example.com", "Tasty soup");
+
+        var client = await GetAuthenticatedHttpClientAsync();
+        var response = await client.GetAsync($"/api/recipes/{recipe.Id}");
+
+        Assert.Equal(HttpStatusCode.OK, response.StatusCode);
+        var result = await response.Content.ReadFromJsonAsync<RecipeDto>(JsonOptions);
+        Assert.NotNull(result);
+        Assert.Equal(recipe.Id, result.Id);
+        Assert.Equal("Soup", result.Name);
+        Assert.Equal("https://example.com", result.Link);
+        Assert.Equal("Tasty soup", result.Notes);
+    }
+
+    [Fact]
+    public async Task GetRecipeById_WhenNotFound_Returns404()
+    {
+        var client = await GetAuthenticatedHttpClientAsync();
+        var response = await client.GetAsync("/api/recipes/99999");
+        Assert.Equal(HttpStatusCode.NotFound, response.StatusCode);
+    }
+
+    [Fact]
+    public async Task GetRecipeById_WhenDeleted_Returns404()
+    {
+        var recipe = await CreateRecipeAsync("Gone", null, null);
+        var client = await GetAuthenticatedHttpClientAsync();
+        await client.DeleteAsync($"/api/recipes/{recipe.Id}");
+
+        var response = await client.GetAsync($"/api/recipes/{recipe.Id}");
+        Assert.Equal(HttpStatusCode.NotFound, response.StatusCode);
+    }
+
+    // --- POST /api/recipes ---
+
+    [Fact]
+    public async Task CreateRecipe_ReturnsCreatedRecipe()
+    {
+        var recipe = await CreateRecipeAsync("Stew", "https://example.com", "My notes");
+
+        Assert.True(recipe.Id > 0);
+        Assert.Equal("Stew", recipe.Name);
+        Assert.Equal("https://example.com", recipe.Link);
+        Assert.Equal("My notes", recipe.Notes);
+    }
+
+    [Fact]
+    public async Task CreateRecipe_WithEmptyName_Returns400()
+    {
+        var client = await GetAuthenticatedHttpClientAsync();
+        var response = await client.PostAsJsonAsync("/api/recipes", new { name = "" });
+        Assert.Equal(HttpStatusCode.BadRequest, response.StatusCode);
+    }
+
+    [Fact]
+    public async Task CreateRecipe_WithInvalidLink_Returns400()
+    {
+        var client = await GetAuthenticatedHttpClientAsync();
+        var response = await client.PostAsJsonAsync("/api/recipes", new { name = "Test", link = "not-a-url" });
+        Assert.Equal(HttpStatusCode.BadRequest, response.StatusCode);
+    }
+
+    // --- PUT /api/recipes/{id} ---
+
+    [Fact]
+    public async Task UpdateRecipe_UpdatesFields()
+    {
+        var recipe = await CreateRecipeAsync("Old Name", null, null);
+        var client = await GetAuthenticatedHttpClientAsync();
+
+        var updateResponse = await client.PutAsJsonAsync($"/api/recipes/{recipe.Id}",
+            new { name = "New Name", link = "https://updated.com", notes = "Updated notes" });
+        Assert.Equal(HttpStatusCode.NoContent, updateResponse.StatusCode);
+
+        var getResponse = await client.GetAsync($"/api/recipes/{recipe.Id}");
+        var updated = await getResponse.Content.ReadFromJsonAsync<RecipeDto>(JsonOptions);
+        Assert.NotNull(updated);
+        Assert.Equal("New Name", updated.Name);
+        Assert.Equal("https://updated.com", updated.Link);
+        Assert.Equal("Updated notes", updated.Notes);
+    }
+
+    [Fact]
+    public async Task UpdateRecipe_WhenNotFound_Returns404()
+    {
+        var client = await GetAuthenticatedHttpClientAsync();
+        var response = await client.PutAsJsonAsync("/api/recipes/99999", new { name = "X" });
+        Assert.Equal(HttpStatusCode.NotFound, response.StatusCode);
+    }
+
+    // --- DELETE /api/recipes/{id} ---
+
+    [Fact]
+    public async Task DeleteRecipe_SoftDeletes()
+    {
+        var recipe = await CreateRecipeAsync("Delete Me", null, null);
+        var client = await GetAuthenticatedHttpClientAsync();
+
+        var deleteResponse = await client.DeleteAsync($"/api/recipes/{recipe.Id}");
+        Assert.Equal(HttpStatusCode.NoContent, deleteResponse.StatusCode);
+
+        var getResponse = await client.GetAsync($"/api/recipes/{recipe.Id}");
+        Assert.Equal(HttpStatusCode.NotFound, getResponse.StatusCode);
+    }
+
+    [Fact]
+    public async Task DeleteRecipe_WhenNotFound_Returns404()
+    {
+        var client = await GetAuthenticatedHttpClientAsync();
+        var response = await client.DeleteAsync("/api/recipes/99999");
+        Assert.Equal(HttpStatusCode.NotFound, response.StatusCode);
+    }
+
+    // --- GET /api/recipes/{id}/ingredients ---
+
+    [Fact]
+    public async Task GetIngredients_ReturnsEmptyList()
+    {
+        var recipe = await CreateRecipeAsync("Cake", null, null);
+        var client = await GetAuthenticatedHttpClientAsync();
+
+        var response = await client.GetAsync($"/api/recipes/{recipe.Id}/ingredients");
+        Assert.Equal(HttpStatusCode.OK, response.StatusCode);
+        var result = await response.Content.ReadFromJsonAsync<IngredientDto[]>(JsonOptions);
+        Assert.NotNull(result);
+        Assert.Empty(result);
+    }
+
+    [Fact]
+    public async Task GetIngredients_WhenRecipeNotFound_Returns404()
+    {
+        var client = await GetAuthenticatedHttpClientAsync();
+        var response = await client.GetAsync("/api/recipes/99999/ingredients");
+        Assert.Equal(HttpStatusCode.NotFound, response.StatusCode);
+    }
+
+    // --- POST /api/recipes/{id}/ingredients ---
+
+    [Fact]
+    public async Task AddIngredient_ReturnsCreatedIngredient()
+    {
+        var recipe = await CreateRecipeAsync("Bread", null, null);
+        var ingredient = await AddIngredientAsync(recipe.Id, "Flour", 500, "g", null);
+
+        Assert.True(ingredient.Id > 0);
+        Assert.Equal("Flour", ingredient.Name);
+        Assert.Equal(500, ingredient.Amount);
+        Assert.Equal("g", ingredient.Unit);
+    }
+
+    [Fact]
+    public async Task AddIngredient_WithGroup_ReturnsGroupedIngredient()
+    {
+        var recipe = await CreateRecipeAsync("Salad", null, null);
+        var ingredient = await AddIngredientAsync(recipe.Id, "Lettuce", 1, "head", "Salad Base");
+
+        Assert.Equal("Salad Base", ingredient.Group);
+    }
+
+    [Fact]
+    public async Task AddIngredient_WithZeroAmount_Returns400()
+    {
+        var recipe = await CreateRecipeAsync("Test", null, null);
+        var client = await GetAuthenticatedHttpClientAsync();
+        var response = await client.PostAsJsonAsync($"/api/recipes/{recipe.Id}/ingredients",
+            new { name = "Flour", amount = 0 });
+        Assert.Equal(HttpStatusCode.BadRequest, response.StatusCode);
+    }
+
+    [Fact]
+    public async Task AddIngredient_WithNegativeAmount_Returns400()
+    {
+        var recipe = await CreateRecipeAsync("Test", null, null);
+        var client = await GetAuthenticatedHttpClientAsync();
+        var response = await client.PostAsJsonAsync($"/api/recipes/{recipe.Id}/ingredients",
+            new { name = "Flour", amount = -1 });
+        Assert.Equal(HttpStatusCode.BadRequest, response.StatusCode);
+    }
+
+    [Fact]
+    public async Task AddIngredient_WhenRecipeNotFound_Returns404()
+    {
+        var client = await GetAuthenticatedHttpClientAsync();
+        var response = await client.PostAsJsonAsync("/api/recipes/99999/ingredients",
+            new { name = "Salt", amount = 1 });
+        Assert.Equal(HttpStatusCode.NotFound, response.StatusCode);
+    }
+
+    // --- DELETE /api/recipes/{id}/ingredients/{ingredientId} ---
+
+    [Fact]
+    public async Task DeleteIngredient_SoftDeletes()
+    {
+        var recipe = await CreateRecipeAsync("Cookies", null, null);
+        var ingredient = await AddIngredientAsync(recipe.Id, "Sugar", 200, "g", null);
+        var client = await GetAuthenticatedHttpClientAsync();
+
+        var deleteResponse = await client.DeleteAsync($"/api/recipes/{recipe.Id}/ingredients/{ingredient.Id}");
+        Assert.Equal(HttpStatusCode.NoContent, deleteResponse.StatusCode);
+
+        var getResponse = await client.GetAsync($"/api/recipes/{recipe.Id}/ingredients");
+        var result = await getResponse.Content.ReadFromJsonAsync<IngredientDto[]>(JsonOptions);
+        Assert.NotNull(result);
+        Assert.Empty(result);
+    }
+
+    // --- GET /api/recipes/{id}/steps ---
+
+    [Fact]
+    public async Task GetSteps_ReturnsEmptyList()
+    {
+        var recipe = await CreateRecipeAsync("Omelette", null, null);
+        var client = await GetAuthenticatedHttpClientAsync();
+
+        var response = await client.GetAsync($"/api/recipes/{recipe.Id}/steps");
+        Assert.Equal(HttpStatusCode.OK, response.StatusCode);
+        var result = await response.Content.ReadFromJsonAsync<StepDto[]>(JsonOptions);
+        Assert.NotNull(result);
+        Assert.Empty(result);
+    }
+
+    // --- POST /api/recipes/{id}/steps ---
+
+    [Fact]
+    public async Task AddStep_ReturnsCreatedStep()
+    {
+        var recipe = await CreateRecipeAsync("Omelette", null, null);
+        var step = await AddStepAsync(recipe.Id, "Crack eggs", 1);
+
+        Assert.True(step.Id > 0);
+        Assert.Equal("Crack eggs", step.Text);
+        Assert.Equal(1, step.Order);
+    }
+
+    [Fact]
+    public async Task GetSteps_ReturnsStepsOrderedByOrder()
+    {
+        var recipe = await CreateRecipeAsync("Soup", null, null);
+        await AddStepAsync(recipe.Id, "Serve", 3);
+        await AddStepAsync(recipe.Id, "Boil water", 1);
+        await AddStepAsync(recipe.Id, "Add ingredients", 2);
+
+        var client = await GetAuthenticatedHttpClientAsync();
+        var response = await client.GetAsync($"/api/recipes/{recipe.Id}/steps");
+        var result = await response.Content.ReadFromJsonAsync<StepDto[]>(JsonOptions);
+
+        Assert.NotNull(result);
+        Assert.Equal(3, result.Length);
+        Assert.Equal("Boil water", result[0].Text);
+        Assert.Equal("Add ingredients", result[1].Text);
+        Assert.Equal("Serve", result[2].Text);
+    }
+
+    [Fact]
+    public async Task AddStep_WithEmptyText_Returns400()
+    {
+        var recipe = await CreateRecipeAsync("Test", null, null);
+        var client = await GetAuthenticatedHttpClientAsync();
+        var response = await client.PostAsJsonAsync($"/api/recipes/{recipe.Id}/steps",
+            new { text = "", order = 1 });
+        Assert.Equal(HttpStatusCode.BadRequest, response.StatusCode);
+    }
+
+    // --- DELETE /api/recipes/{id}/steps/{stepId} ---
+
+    [Fact]
+    public async Task DeleteStep_SoftDeletes()
+    {
+        var recipe = await CreateRecipeAsync("Pancakes", null, null);
+        var step = await AddStepAsync(recipe.Id, "Mix ingredients", 1);
+        var client = await GetAuthenticatedHttpClientAsync();
+
+        var deleteResponse = await client.DeleteAsync($"/api/recipes/{recipe.Id}/steps/{step.Id}");
+        Assert.Equal(HttpStatusCode.NoContent, deleteResponse.StatusCode);
+
+        var getResponse = await client.GetAsync($"/api/recipes/{recipe.Id}/steps");
+        var result = await getResponse.Content.ReadFromJsonAsync<StepDto[]>(JsonOptions);
+        Assert.NotNull(result);
+        Assert.Empty(result);
+    }
+
+    // --- GET /api/recipes/{id}/images ---
+
+    [Fact]
+    public async Task GetImages_ReturnsEmptyList()
+    {
+        var recipe = await CreateRecipeAsync("Steak", null, null);
+        var client = await GetAuthenticatedHttpClientAsync();
+
+        var response = await client.GetAsync($"/api/recipes/{recipe.Id}/images");
+        Assert.Equal(HttpStatusCode.OK, response.StatusCode);
+        var result = await response.Content.ReadFromJsonAsync<ImageDto[]>(JsonOptions);
+        Assert.NotNull(result);
+        Assert.Empty(result);
+    }
+
+    // --- POST /api/recipes/{id}/images ---
+
+    [Fact]
+    public async Task AddImage_ReturnsCreatedImage()
+    {
+        var recipe = await CreateRecipeAsync("Steak", null, null);
+        var image = await AddImageAsync(recipe.Id, "https://example.com/steak.jpg");
+
+        Assert.True(image.Id > 0);
+        Assert.Equal("https://example.com/steak.jpg", image.Url);
+    }
+
+    [Fact]
+    public async Task AddImage_WithInvalidUrl_Returns400()
+    {
+        var recipe = await CreateRecipeAsync("Test", null, null);
+        var client = await GetAuthenticatedHttpClientAsync();
+        var response = await client.PostAsJsonAsync($"/api/recipes/{recipe.Id}/images",
+            new { url = "not-a-url" });
+        Assert.Equal(HttpStatusCode.BadRequest, response.StatusCode);
+    }
+
+    [Fact]
+    public async Task AddImage_WhenRecipeNotFound_Returns404()
+    {
+        var client = await GetAuthenticatedHttpClientAsync();
+        var response = await client.PostAsJsonAsync("/api/recipes/99999/images",
+            new { url = "https://example.com/img.jpg" });
+        Assert.Equal(HttpStatusCode.NotFound, response.StatusCode);
+    }
+
+    // --- DELETE /api/recipes/{id}/images/{imageId} ---
+
+    [Fact]
+    public async Task DeleteImage_SoftDeletes()
+    {
+        var recipe = await CreateRecipeAsync("Salad", null, null);
+        var image = await AddImageAsync(recipe.Id, "https://example.com/salad.jpg");
+        var client = await GetAuthenticatedHttpClientAsync();
+
+        var deleteResponse = await client.DeleteAsync($"/api/recipes/{recipe.Id}/images/{image.Id}");
+        Assert.Equal(HttpStatusCode.NoContent, deleteResponse.StatusCode);
+
+        var getResponse = await client.GetAsync($"/api/recipes/{recipe.Id}/images");
+        var result = await getResponse.Content.ReadFromJsonAsync<ImageDto[]>(JsonOptions);
+        Assert.NotNull(result);
+        Assert.Empty(result);
+    }
+
+    // --- POST /api/recipes/{id}/add-to-shopping-list ---
+
+    [Fact]
+    public async Task AddToShoppingList_AddsIngredientsAsItems()
+    {
+        var recipe = await CreateRecipeAsync("Pasta", null, null);
+        await AddIngredientAsync(recipe.Id, "Spaghetti", 200, "g", null);
+        await AddIngredientAsync(recipe.Id, "Tomato sauce", 1, null, null);
+
+        var listId = await CreateShoppingListAsync("My List");
+        var client = await GetAuthenticatedHttpClientAsync();
+
+        var response = await client.PostAsJsonAsync($"/api/recipes/{recipe.Id}/add-to-shopping-list",
+            new { shoppingListId = listId });
+        Assert.Equal(HttpStatusCode.NoContent, response.StatusCode);
+
+        var itemsResponse = await client.GetAsync($"/api/shopping-lists/{listId}/items");
+        var items = await itemsResponse.Content.ReadFromJsonAsync<ShoppingListItemDto[]>(JsonOptions);
+        Assert.NotNull(items);
+        Assert.Equal(2, items.Length);
+        Assert.Contains(items, i => i.Name!.Contains("Spaghetti") && i.Name.Contains("200") && i.Name.Contains("g"));
+        Assert.Contains(items, i => i.Name!.Contains("Tomato sauce") && i.Name.Contains("1"));
+    }
+
+    [Fact]
+    public async Task AddToShoppingList_WhenRecipeNotFound_Returns404()
+    {
+        var listId = await CreateShoppingListAsync("My List");
+        var client = await GetAuthenticatedHttpClientAsync();
+
+        var response = await client.PostAsJsonAsync("/api/recipes/99999/add-to-shopping-list",
+            new { shoppingListId = listId });
+        Assert.Equal(HttpStatusCode.NotFound, response.StatusCode);
+    }
+
+    [Fact]
+    public async Task AddToShoppingList_WhenShoppingListNotFound_Returns404()
+    {
+        var recipe = await CreateRecipeAsync("Tacos", null, null);
+        var client = await GetAuthenticatedHttpClientAsync();
+
+        var response = await client.PostAsJsonAsync($"/api/recipes/{recipe.Id}/add-to-shopping-list",
+            new { shoppingListId = 99999 });
+        Assert.Equal(HttpStatusCode.NotFound, response.StatusCode);
+    }
+
+    // --- Helpers ---
+
+    private async Task<RecipeDto> CreateRecipeAsync(string name, string? link, string? notes)
+    {
+        var client = await GetAuthenticatedHttpClientAsync();
+        var response = await client.PostAsJsonAsync("/api/recipes", new { name, link, notes });
+        Assert.Equal(HttpStatusCode.Created, response.StatusCode);
+        var result = await response.Content.ReadFromJsonAsync<RecipeDto>(JsonOptions);
+        Assert.NotNull(result);
+        return result;
+    }
+
+    private async Task<IngredientDto> AddIngredientAsync(int recipeId, string name, decimal amount, string? unit, string? group)
+    {
+        var client = await GetAuthenticatedHttpClientAsync();
+        var response = await client.PostAsJsonAsync($"/api/recipes/{recipeId}/ingredients",
+            new { name, amount, unit, group });
+        Assert.Equal(HttpStatusCode.Created, response.StatusCode);
+        var result = await response.Content.ReadFromJsonAsync<IngredientDto>(JsonOptions);
+        Assert.NotNull(result);
+        return result;
+    }
+
+    private async Task<StepDto> AddStepAsync(int recipeId, string text, int order)
+    {
+        var client = await GetAuthenticatedHttpClientAsync();
+        var response = await client.PostAsJsonAsync($"/api/recipes/{recipeId}/steps",
+            new { text, order });
+        Assert.Equal(HttpStatusCode.Created, response.StatusCode);
+        var result = await response.Content.ReadFromJsonAsync<StepDto>(JsonOptions);
+        Assert.NotNull(result);
+        return result;
+    }
+
+    private async Task<ImageDto> AddImageAsync(int recipeId, string url)
+    {
+        var client = await GetAuthenticatedHttpClientAsync();
+        var response = await client.PostAsJsonAsync($"/api/recipes/{recipeId}/images",
+            new { url });
+        Assert.Equal(HttpStatusCode.Created, response.StatusCode);
+        var result = await response.Content.ReadFromJsonAsync<ImageDto>(JsonOptions);
+        Assert.NotNull(result);
+        return result;
+    }
+
+    private async Task<int> CreateShoppingListAsync(string name)
+    {
+        var client = await GetAuthenticatedHttpClientAsync();
+        var response = await client.PostAsJsonAsync("/api/shopping-lists", new { name });
+        var result = await response.Content.ReadFromJsonAsync<ShoppingListDto>(JsonOptions);
+        return result!.Id;
+    }
+
+    private record RecipeDto(int Id, string? Name, string? Link, string? Notes);
+    private record IngredientDto(int Id, int RecipeId, string? Name, decimal Amount, string? Unit, string? Group);
+    private record StepDto(int Id, int RecipeId, string? Text, int Order);
+    private record ImageDto(int Id, int RecipeId, string? Url);
+    private record ShoppingListDto(int Id, string? Name);
+    private record ShoppingListItemDto(int Id, string? Name, bool IsChecked);
+}