initial commit

frontend/src/App.tsx

@@ -0,0 +1,22 @@
+import "./App.css";
+import Cookbook from "./pages/Cookbook.tsx";
+import RecipePage from "./pages/RecipePage.tsx";
+import AddRecipe from "./pages/AddRecipe.tsx";
+import NavBar from "./components/NavBar.tsx";
+import { Routes, Route } from "react-router-dom";
+
+function App() {
+  return (
+    <>
+      <NavBar />
+      <main className="main-content">
+        <Routes>
+          <Route path="/" element={<Cookbook />} />
+          <Route path="/recipe/:id" element={<RecipePage />} />
+          <Route path="/add-recipe" element={<AddRecipe />} />
+        </Routes>
+      </main>
+    </>
+  );
+}
+export default App;