diff --git a/playwright-report/index.html b/playwright-report/index.html
index 3a47031..c56e881 100644
--- a/playwright-report/index.html
+++ b/playwright-report/index.html
@@ -73,4 +73,4 @@ Error generating stack: `+u.message+`
     <div id='root'></div>
   </body>
 </html>
-<script id="playwrightReportBase64" type="application/zip">data:application/zip;base64,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</script>
\ No newline at end of file
+<script id="playwrightReportBase64" type="application/zip">data:application/zip;base64,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</script>
\ No newline at end of file
diff --git a/templates/foods.html b/templates/foods.html
index 01f890d..8bdacfa 100644
--- a/templates/foods.html
+++ b/templates/foods.html
@@ -6,6 +6,10 @@
             <i class="bi bi-plus-circle"></i> Add New Food
         </button>
         
+        <button type="button" class="btn btn-secondary btn-lg mb-4" data-bs-toggle="modal" data-bs-target="#addFromOpenFoodFactsModal" data-testid="add-from-open-food-facts">
+            <i class="bi bi-search"></i> Add from Open Food Facts
+        </button>
+        
         <h3>Foods Database</h3>
         <div class="table-responsive">
             <table class="table table-striped">
@@ -57,6 +61,8 @@
     </div>
 </div>
 
+{% include 'modals/add_from_open_food_facts.html' %}
+
 <!-- Add Food Modal -->
 <div class="modal fade" id="addFoodModal" tabindex="-1" aria-labelledby="addFoodModalLabel" aria-hidden="true">
     <div class="modal-dialog modal-lg">
@@ -326,4 +332,78 @@ document.addEventListener('DOMContentLoaded', function() {
     };
 });
 </script>
+
+<script>
+// Open Food Facts Modal Logic
+async function searchOpenFoodFacts() {
+    const query = document.querySelector('#addFromOpenFoodFactsModal input[name="openfoodfacts_query"]').value;
+    const resultsContainer = document.getElementById('openFoodFactsResults');
+    resultsContainer.innerHTML = '<div class="text-center"><div class="spinner-border" role="status"><span class="visually-hidden">Loading...</span></div></div>';
+
+    try {
+        const response = await fetch(`/foods/search_openfoodfacts?query=${query}`);
+        const data = await response.json();
+        
+        resultsContainer.innerHTML = ''; // Clear spinner here, before populating or showing "no results"
+
+        if (data.status === 'success' && data.results.length > 0) {
+            data.results.forEach(food => {
+                const item = document.createElement('a');
+                item.href = '#';
+                item.className = 'list-group-item list-group-item-action';
+                item.textContent = `${food.name} - ${food.brand}`;
+                item.onclick = (e) => {
+                    e.preventDefault();
+                    selectOpenFoodFactsProduct(food);
+                };
+                resultsContainer.appendChild(item);
+            });
+        } else {
+            resultsContainer.innerHTML = `<div class="list-group-item">No results found.</div>`;
+        }
+    } catch (error) {
+        resultsContainer.innerHTML = `<div class="list-group-item">Error: ${error.message}</div>`;
+    }
+}
+
+function selectOpenFoodFactsProduct(food) {
+    const form = document.getElementById('addOpenFoodFactsForm');
+    form.querySelector('input[name="name"]').value = food.name;
+    form.querySelector('input[name="brand"]').value = food.brand;
+    form.querySelector('input[name="serving_size"]').value = food.serving_size;
+    form.querySelector('input[name="serving_unit"]').value = food.serving_unit;
+    form.querySelector('input[name="calories"]').value = food.calories;
+    form.querySelector('input[name="protein"]').value = food.protein;
+    form.querySelector('input[name="carbs"]').value = food.carbs;
+    form.querySelector('input[name="fat"]').value = food.fat;
+    form.querySelector('input[name="fiber"]').value = food.fiber;
+    form.querySelector('input[name="sugar"]').value = food.sugar;
+    form.querySelector('input[name="sodium"]').value = food.sodium;
+    form.querySelector('input[name="calcium"]').value = food.calcium;
+    form.querySelector('input[name="openfoodfacts_id"]').value = food.openfoodfacts_id;
+}
+
+async function submitOpenFoodFactsForm() {
+    const form = document.getElementById('addOpenFoodFactsForm');
+    const formData = new FormData(form);
+
+    try {
+        const response = await fetch(form.action, {
+            method: 'POST',
+            body: formData
+        });
+
+        const result = await response.json();
+
+        if (result.status === 'success') {
+            bootstrap.Modal.getInstance(document.getElementById('addFromOpenFoodFactsModal')).hide();
+            location.reload();
+        } else {
+            alert('Error: ' + result.message);
+        }
+    } catch (error) {
+        alert('Error submitting form: ' + error.message);
+    }
+}
+</script>
 {% endblock %}
\ No newline at end of file
diff --git a/templates/modals/add_from_open_food_facts.html b/templates/modals/add_from_open_food_facts.html
new file mode 100644
index 0000000..1b6b51b
--- /dev/null
+++ b/templates/modals/add_from_open_food_facts.html
@@ -0,0 +1,94 @@
+<!-- Add from Open Food Facts Modal -->
+<div class="modal fade" id="addFromOpenFoodFactsModal" tabindex="-1" aria-labelledby="addFromOpenFoodFactsModalLabel" aria-hidden="true">
+    <div class="modal-dialog modal-xl">
+        <div class="modal-content">
+            <div class="modal-header">
+                <h5 class="modal-title" id="addFromOpenFoodFactsModalLabel">Add Food from Open Food Facts</h5>
+                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+            </div>
+            <div class="modal-body">
+                <!-- Search Bar -->
+                <div class="input-group mb-3">
+                    <input type="text" class="form-control" name="openfoodfacts_query" placeholder="Search for a food...">
+                    <button class="btn btn-outline-secondary" type="button" onclick="searchOpenFoodFacts()">Search</button>
+                </div>
+
+                <!-- Search Results -->
+                <div id="openFoodFactsResults" class="list-group" style="max-height: 300px; overflow-y: auto;">
+                    <!-- Results will be populated here -->
+                </div>
+
+                <hr>
+
+                <!-- Food Form -->
+                <form id="addOpenFoodFactsForm" action="/foods/add_openfoodfacts" method="post">
+                    <input type="hidden" name="openfoodfacts_id">
+                    <div class="row">
+                        <div class="col-8 mb-3">
+                            <label class="form-label">Name</label>
+                            <input type="text" class="form-control" name="name" required>
+                        </div>
+                        <div class="col-4 mb-3">
+                            <label class="form-label">Brand</label>
+                            <input type="text" class="form-control" name="brand" placeholder="Optional">
+                        </div>
+                    </div>
+                    <div class="row">
+                        <div class="col-6 mb-3">
+                            <label class="form-label">Serving Size</label>
+                            <input type="text" class="form-control" name="serving_size" required>
+                        </div>
+                        <div class="col-6 mb-3">
+                            <label class="form-label">Unit</label>
+                            <input type="text" class="form-control" name="serving_unit" required>
+                        </div>
+                    </div>
+                    <div class="row">
+                        <div class="col-6 mb-3">
+                            <label class="form-label">Calories</label>
+                            <input type="number" step="0.1" class="form-control" name="calories" required>
+                        </div>
+                        <div class="col-6 mb-3">
+                            <label class="form-label">Protein (g)</label>
+                            <input type="number" step="0.1" class="form-control" name="protein" required>
+                        </div>
+                    </div>
+                    <div class="row">
+                        <div class="col-6 mb-3">
+                            <label class="form-label">Carbs (g)</label>
+                            <input type="number" step="0.1" class="form-control" name="carbs" required>
+                        </div>
+                        <div class="col-6 mb-3">
+                            <label class="form-label">Fat (g)</label>
+                            <input type="number" step="0.1" class="form-control" name="fat" required>
+                        </div>
+                    </div>
+                     <div class="row">
+                        <div class="col-6 mb-3">
+                            <label class="form-label">Fiber (g)</label>
+                            <input type="number" step="0.1" class="form-control" name="fiber" value="0">
+                        </div>
+                        <div class="col-6 mb-3">
+                            <label class="form-label">Sugar (g)</label>
+                            <input type="number" step="0.1" class="form-control" name="sugar" value="0">
+                        </div>
+                    </div>
+                    <div class="row">
+                        <div class="col-6 mb-3">
+                            <label class="form-label">Sodium (mg)</label>
+                            <input type="number" step="0.1" class="form-control" name="sodium" value="0">
+                        </div>
+                        <div class="col-6 mb-3">
+                            <label class="form-label">Calcium (mg)</label>
+                            <input type="number" step="0.1" class="form-control" name="calcium" value="0">
+                        </div>
+                    </div>
+                </form>
+            </div>
+            <div class="modal-footer">
+                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
+                <button type="button" class="btn btn-primary" onclick="submitOpenFoodFactsForm()">Add Food</button>
+            </div>
+        </div>
+    </div>
+</div>
\ No newline at end of file
diff --git a/tests/5_open_food_facts.spec.js b/tests/5_open_food_facts.spec.js
new file mode 100644
index 0000000..4eeed71
--- /dev/null
+++ b/tests/5_open_food_facts.spec.js
@@ -0,0 +1,50 @@
+const { test, expect } = require('@playwright/test');
+
+test.describe('Open Food Facts Integration', () => {
+  test('should allow adding a food from Open Food Facts', async ({ page }) => {
+    await page.goto('/foods');
+
+    // 1. Click the "Add from Open Food Facts" button
+    await page.click('button[data-testid="add-from-open-food-facts"]');
+
+    // 2. The modal should be visible
+    const modal = page.locator('#addFromOpenFoodFactsModal');
+    await expect(modal).toBeVisible();
+
+    // 3. Search for a food
+    const searchInput = modal.locator('input[name="openfoodfacts_query"]');
+    const searchButton = modal.locator('button:has-text("Search")');
+
+    // Fill the search input
+    await searchInput.fill('Nutella');
+
+    // Wait for the API response after clicking the search button
+    const [response] = await Promise.all([
+      page.waitForResponse(resp => resp.url().includes('/foods/search_openfoodfacts') && resp.status() === 200),
+      searchButton.click()
+    ]);
+
+    // 4. Wait for search results and select the first one
+    const resultsContainer = modal.locator('#openFoodFactsResults');
+    const firstResult = resultsContainer.locator('.list-group-item').first();
+    await expect(firstResult).toBeVisible({ timeout: 10000 });
+    await firstResult.click();
+
+    // 5. Verify that the form is populated with the selected food's data
+    await expect(modal.locator('input[name="name"]')).not.toHaveValue('');
+    await expect(modal.locator('input[name="brand"]')).not.toHaveValue('');
+    await expect(modal.locator('input[name="calories"]')).not.toHaveValue('0');
+
+    // 6. Submit the form to add the food
+    const addFoodButton = modal.locator('button:has-text("Add Food")');
+    await addFoodButton.click();
+
+    // 7. Wait for the modal to disappear and the page to reload
+    await expect(modal).not.toBeVisible(); // Wait for modal to hide
+    await page.waitForLoadState('networkidle'); // Wait for page reload
+
+    // 8. Verify the food is added to the table
+    const newFoodRow = page.locator('tr').filter({ hasText: /Nutella/i });
+    await expect(newFoodRow).toBeVisible();
+  });
+});
\ No newline at end of file
diff --git a/tests/test_foods.py b/tests/test_foods.py
index a380641..0d5f56c 100644
--- a/tests/test_foods.py
+++ b/tests/test_foods.py
@@ -119,6 +119,15 @@ class TestFoodsRoutes:
         # Should either succeed or fail gracefully if module not installed
         assert "status" in data
 
+    def test_search_openfoodfacts_results(self, client):
+        """Test GET /foods/search_openfoodfacts returns actual results"""
+        response = client.get("/foods/search_openfoodfacts?query=yogurt&limit=1")
+        assert response.status_code == 200
+        data = response.json()
+        assert data["status"] == "success"
+        assert "results" in data
+        assert len(data["results"]) > 0
+        assert "name" in data["results"][0]
 
 class TestFoodsBulkUpload:
     """Test bulk food upload functionality"""