diff --git a/backend/seedData.js b/backend/seedData.js
index f7d657a..160dba4 100644
--- a/backend/seedData.js
+++ b/backend/seedData.js
@@ -146,6 +146,41 @@ const sampleRecipes = [
category: "dinner",
difficulty: "medium",
imageUrl: "https://images.unsplash.com/photo-1603133872878-684f208fb84b?w=500"
+ },
+ {
+ title: "Creamy Mac and Cheese",
+ description: "Rich and creamy homemade macaroni and cheese with a golden breadcrumb topping",
+ ingredients: [
+ { name: "elbow macaroni", amount: 1, unit: "lb" },
+ { name: "butter", amount: 4, unit: "tbsp" },
+ { name: "all-purpose flour", amount: 4, unit: "tbsp" },
+ { name: "whole milk", amount: 3, unit: "cups" },
+ { name: "sharp cheddar cheese", amount: 3, unit: "cups" },
+ { name: "gruyere cheese", amount: 1, unit: "cup" },
+ { name: "cream cheese", amount: 4, unit: "oz" },
+ { name: "salt", amount: 1, unit: "tsp" },
+ { name: "black pepper", amount: 0.5, unit: "tsp" },
+ { name: "paprika", amount: 0.5, unit: "tsp" },
+ { name: "breadcrumbs", amount: 1, unit: "cup" },
+ { name: "parmesan cheese", amount: 0.5, unit: "cup" }
+ ],
+ instructions: [
+ { step: 1, description: "Preheat oven to 375°F and cook macaroni according to package directions" },
+ { step: 2, description: "In a large saucepan, melt butter over medium heat" },
+ { step: 3, description: "Whisk in flour and cook for 1 minute to make a roux" },
+ { step: 4, description: "Gradually whisk in milk and cook until thickened" },
+ { step: 5, description: "Remove from heat and stir in cheddar, gruyere, and cream cheese" },
+ { step: 6, description: "Season with salt, pepper, and paprika" },
+ { step: 7, description: "Combine cheese sauce with cooked macaroni" },
+ { step: 8, description: "Transfer to baking dish and top with breadcrumbs and parmesan" },
+ { step: 9, description: "Bake for 25-30 minutes until golden and bubbly" }
+ ],
+ servings: 6,
+ prepTime: 15,
+ cookTime: 45,
+ category: "dinner",
+ difficulty: "medium",
+ imageUrl: "https://images.unsplash.com/photo-1543826173-1ad6e0b9c4b9?w=500"
}
];
diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
index d9f7c9f..8d5b45f 100644
--- a/frontend/src/App.tsx
+++ b/frontend/src/App.tsx
@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { useEffect } from 'react';
import { BrowserRouter as Router, Routes, Route, Navigate } from 'react-router-dom';
import { AuthProvider, useAuth } from './context/AuthContext';
import Dashboard from './pages/Dashboard';
@@ -39,6 +39,39 @@ const PublicRoute: React.FC<{ children: React.ReactNode }> = ({ children }) => {
};
function App() {
+ useEffect(() => {
+ // Update document title
+ document.title = 'Scoffer - Recipe Management';
+
+ // Create and set favicon
+ const favicon = document.querySelector("link[rel*='icon']") as HTMLLinkElement || document.createElement('link');
+ favicon.type = 'image/svg+xml';
+ favicon.rel = 'shortcut icon';
+ favicon.href = 'data:image/svg+xml;base64,' + btoa(`
+
+ `);
+ document.getElementsByTagName('head')[0].appendChild(favicon);
+ }, []);
+
return (
diff --git a/frontend/src/assets/favicon.svg b/frontend/src/assets/favicon.svg
new file mode 100644
index 0000000..4a1d97d
--- /dev/null
+++ b/frontend/src/assets/favicon.svg
@@ -0,0 +1,29 @@
+