How danielambrose-web/daniels--food- works
This is a React restaurant-ordering frontend: visitors browse food, add items to a persistent cart, adjust quantities, and enter checkout details. It also provides restaurant information, contact and location details, and a newsletter form. The checkout currently logs an order locally, clears the cart, and navigates toward an order-confirmation path that is not enabled in the sampled router; no backend order submission is shown. The checkout and contact paths are distinct. Several page implementations were not sampled, so their internal wiring is omitted.
Main entry points: App.jsx Route Shell · CartContext.jsx Cart State · Home.jsx Home Page · Menu.jsx Menu Page
Components 15
App Shell
- Route Shell
Frontend/src/App.jsx - Navigation Bar
Frontend/src/components/Navbar/Navbar.jsx - Footer and Signup
Frontend/src/components/Footer/Footer.jsx
Food Discovery
- Home Page
Frontend/src/pages/Home/Home.jsx - Menu Page
Frontend/src/pages/Menu/Menu.jsx - Menu Catalog
Frontend/src/data/menuData.js - Food Card
Frontend/src/components/FoodCard/FoodCard.jsx
Cart and Checkout
- Cart Page
Frontend/src/pages/Cart/Cart.jsx - Checkout Page
Frontend/src/pages/Checkout/Checkout.jsx - Cart State
Frontend/src/context/CartContext.jsx - Browser Storage
Restaurant Information
- About Page
Frontend/src/pages/About/About.jsx - Contact Page
Frontend/src/pages/Contact/Contact.jsx - Location Map
Frontend/src/components/FreeMap.jsx
Other components
- Visitor
Connections 19
- Visitor → Route Shell: opens routes
- Route Shell → Navigation Bar: renders
- Route Shell → Home Page: routes to
- Route Shell → Menu Page: routes to
- Route Shell → About Page: routes to
- Route Shell → Contact Page: routes to
- Route Shell → Cart Page: routes to
- Route Shell → Checkout Page: routes to
- Route Shell → Footer and Signup: renders
- Home Page → Menu Catalog: reads items
- Home Page → Food Card: renders cards
- Home Page → Cart State: adds items
- Menu Page → Menu Catalog: reads catalog
- Menu Page → Cart State: adds items
- Cart Page → Cart State: reads and updates
- Checkout Page → Cart State: reads and clears
- Navigation Bar → Cart State: reads cart
- Contact Page → Location Map: renders map
- Cart State → Browser Storage: loads and saves