araemer/recipe-app
1
0
Fork 0
Code Issues 4 Pull requests Projects Releases Packages Wiki Activity Actions

renaming, restructuring, adding an api util to the frontend (currently editPage only and a mock backend

Browse source
This commit is contained in:
Anika Raemer 2025-09-10 20:04:26 +02:00
parent 1bd1952ecb
commit 38a5707622
16 changed files with 247 additions and 117 deletions
Download patch file Download diff file Expand all files Collapse all files

13
frontend/src/App.tsx
View file

@ -1,7 +1,8 @@
import { BrowserRouter as Router, Routes, Route } from "react-router-dom"
import RecipeListView from "./components/RecipeListView"
import RecipeDetailView from "./components/RecipeDetailView"
import RecipeEditView from "./components/RecipeEditView"
import RecipeDetailPage from "./components/recipes/RecipeDetailPage"
import RecipeEditPage from "./components/recipes/RecipeEditPage"
import RecipeListPage from "./components/recipes/RecipeListPage"
import "./App.css"
/**
@ -13,13 +14,13 @@ function App() {
<Router>
<Routes>
{/* Home page: list of recipes */}
<Route path="/" element={<RecipeListView />} />
<Route path="/" element={<RecipeListPage />} />
{/* Detail page: shows one recipe */}
<Route path="/recipe/:id" element={<RecipeDetailView />} />
<Route path="/recipe/:id" element={<RecipeDetailPage />} />
{/* Edit page: form to edit a recipe */}
<Route path="/recipe/:id/edit" element={<RecipeEditView />} />
<Route path="/recipe/:id/edit" element={<RecipeEditPage />} />
</Routes>
</Router>
)