How ouadie-pro/food-app works
The tree shows two recipe-management implementations: a Next.js application with its own pages and API, and a separate React/Express stack. Their product flows cover recipe browsing and management, user registration/sign-in, and saved or personal recipe views. The sampled Next.js routes confirm database, token, and image-upload behavior; the legacy router/controller wiring and most UI-to-API calls were not sampled, so those links are omitted.
Main entry points: connectDb.js DB connection · App.jsx React router · add/route.js Create recipe · edit/route.js Edit recipe
Components 34
Next.js experience
- Recipe home
world-recipes/app/page.js - Add recipe page
world-recipes/app/addRecipe/page.js - Edit recipe page
world-recipes/app/editRecipe/[id]/page.js - Favorites page
world-recipes/app/myFavRecipes/page.js - My recipes page
world-recipes/app/myRecipes/page.js - Contact page
world-recipes/app/contact/page.js - Navigation
world-recipes/components/Navbar.jsx - Recipe listing
world-recipes/components/AllRecipes.jsx - Login modal
world-recipes/components/LoginModal.jsx
Next.js API
- List recipes
world-recipes/app/api/recipe/route.js - Get recipe
world-recipes/app/api/recipe/[id]/route.js - Create recipe
world-recipes/app/api/recipe/add/route.js - Edit recipe
world-recipes/app/api/recipe/[id]/edit/route.js - Delete recipe
world-recipes/app/api/recipe/[id]/delete/route.js - Register user
world-recipes/app/api/user/register/route.js - Sign in
world-recipes/app/api/user/signin/route.js - Get user
world-recipes/app/api/user/[id]/route.js - Delete user
world-recipes/app/api/user/[id]/delete/route.js
Data and integrations
- DB connection
world-recipes/lib/connectDb.js - Token verification
world-recipes/lib/verifyToken.js - Recipe model
world-recipes/models/Recipe.js - User model
world-recipes/models/User.js - MongoDB
- Cloudinary
React experience
- React router
frontend/src/App.jsx - Home view
frontend/src/Pages/Home.jsx - Add recipe view
frontend/src/Components/AddRecipes.jsx - My recipes view
frontend/src/Components/MyRecipes.jsx - Favorites view
frontend/src/Components/MyFavRecipes.jsx - Edit recipe view
frontend/src/Pages/EditRecipe.jsx - Navigation
frontend/src/Components/Navbar.jsx - Recipe listing
frontend/src/Components/AllRecipes.jsx - Recipe form
frontend/src/Components/InputFrom.jsx
Other components
- Visitor
Connections 33
- Visitor → Recipe home: opens
- Visitor → Add recipe page: opens
- Visitor → Edit recipe page: opens
- Visitor → Favorites page: opens
- Visitor → My recipes page: opens
- Visitor → Contact page: opens
- List recipes → DB connection: connects
- List recipes → Recipe model: queries
- Get recipe → DB connection: connects
- Get recipe → MongoDB: reads
- Create recipe → DB connection: connects
- Create recipe → Token verification: verifies
- Create recipe → Cloudinary: uploads image
- Create recipe → Recipe model: creates
- Edit recipe → DB connection: connects
- Edit recipe → Token verification: verifies
- Edit recipe → MongoDB: updates
- Edit recipe → Cloudinary: uploads image
- Delete recipe → DB connection: connects
- Delete recipe → MongoDB: deletes
- Register user → DB connection: connects
- Register user → User model: creates user
- Sign in → DB connection: connects
- Sign in → User model: finds user
- Get user → DB connection: connects
- Get user → User model: reads
- Delete user → DB connection: connects
- Delete user → User model: deletes
- React router → Home view: routes
- React router → Add recipe view: routes
- React router → My recipes view: routes
- React router → Favorites view: routes
- React router → Edit recipe view: routes