How bankal-2708/food-delivery-app-freshbite- works
FreshBite is a food-delivery storefront with a separate admin dashboard. Customers browse dishes, manage a login-gated cart, enter delivery details, and continue to payment; administrators manage dishes and order actions. The frontend excerpts show cart persistence and API calls, while the README documents COD, online payment with dynamic QR codes, and a MongoDB-backed MERN service. The backend directory is absent from the supplied tree, so its internal stages are represented only as an external API; page-level payment wiring is not inferred from unsampled code.
Main entry points: src/App.jsx Storefront router · CartContextProvider.jsx Cart and auth state · src/App.jsx Admin state and actions · Dishes.jsx Dish browsing
Components 17
Customer storefront
- Storefront router
Frontend/src/App.jsx - Navigation and search
Frontend/src/Components/NavBar/Navbar.jsx - Home and pages
Frontend/src/Components/Pages/Home.jsx - Dish browsing
Frontend/src/Components/Dishes/Dishes.jsx - Company information
Frontend/src/Components/Footer/Footer.jsx
Ordering and account
- Cart and auth state
Frontend/src/Context/CartContextProvider.jsx - Cart
Frontend/src/Components/Pages/Cart.jsx - Checkout details
Frontend/src/Components/Pages/Checkout.jsx - Payment and QR
Frontend/src/Components/Pages/Payment.jsx - Login and OTP
Frontend/src/Components/LoginForm/AuthForm.jsx
Admin dashboard
- Admin state and actions
Admin/src/App.jsx - Dish and order views
Admin/src/Components/AdminBody.jsx - Admin navigation
Admin/src/Components/AdminNavbar.jsx
Food service
- Food backend API
- MongoDB data store
Other components
- Customer
- Administrator
Connections 24
- Customer → Storefront router: uses
- Storefront router → Navigation and search: renders
- Storefront router → Home and pages: routes
- Storefront router → Dish browsing: routes
- Storefront router → Cart: routes
- Storefront router → Checkout details: routes
- Storefront router → Payment and QR: routes
- Storefront router → Login and OTP: routes
- Storefront router → Company information: renders
- Storefront router → Cart and auth state: provides state
- Navigation and search → Cart and auth state: reads and updates
- Dish browsing → Food backend API: fetches dishes
- Dish browsing → Cart and auth state: updates cart
- Cart → Cart and auth state: reads cart
- Checkout details → Payment and QR: navigates with total
- Login and OTP → Cart and auth state: calls auth actions
- Cart and auth state → Food backend API: auth and cart requests
- Cart and auth state → MongoDB data store: syncs cart via API
- Payment and QR → Food backend API: submits payment or order
- Administrator → Admin state and actions: manages
- Admin state and actions → Dish and order views: renders and supplies actions
- Admin state and actions → Admin navigation: renders
- Admin state and actions → Food backend API: manages dishes and orders
- Food backend API → MongoDB data store: reads and writes