How aarebkhan02/foodify works
MasalaDiaries is a browser-based food-ordering storefront. A customer browses the home page or menu, filters and sorts dishes, adds items to a persistent cart, reviews pricing, then selects or saves a delivery address and confirms a cash-on-delivery order. Login and signup are also available, but account records are stored locally rather than sent to a backend. The excerpts show routing, cart state, menu filtering, and checkout behavior; unsampled home-page and mobile-navigation details are represented only where routing evidence supports them.
Main entry points: App.jsx Route shell · CartContext.jsx Cart state · Menu.jsx Menu page · PlaceOrder.jsx Place order
Components 17
App navigation
- Route shell
food-ecomm/src/App.jsx - Home page
food-ecomm/src/pages/Home.jsx - Top navigation
food-ecomm/src/components/Navbar.jsx - Mobile navigation
food-ecomm/src/components/MobileNav.jsx - React entry
food-ecomm/src/main.jsx - Footer
food-ecomm/src/components/Footer.jsx
Food discovery
- Category card
food-ecomm/src/components/CategoryCard.jsx - Menu page
food-ecomm/src/pages/Menu.jsx - Food catalog
food-ecomm/src/data/foodData.js - Menu search
food-ecomm/src/components/SearchBar.jsx - Food card
food-ecomm/src/components/FoodCard.jsx
Cart and checkout
- Cart state
food-ecomm/src/context/CartContext.jsx - Cart page
food-ecomm/src/pages/Cart.jsx - Place order
food-ecomm/src/pages/PlaceOrder.jsx
Local accounts
- Login and signup
food-ecomm/src/pages/AuthPage.jsx
Other components
- Customer
- Browser storage
Connections 23
- Customer → Route shell: opens storefront
- React entry → Route shell: renders
food-ecomm/src/main.jsx - React entry → Cart state: provides cart
food-ecomm/src/main.jsx - Route shell → Home page: routes to
food-ecomm/src/App.jsx - Route shell → Menu page: routes to
food-ecomm/src/App.jsx - Route shell → Cart page: routes to
food-ecomm/src/App.jsx - Route shell → Place order: routes to
food-ecomm/src/App.jsx - Route shell → Login and signup: routes to
food-ecomm/src/App.jsx - Route shell → Top navigation: renders
food-ecomm/src/App.jsx - Route shell → Mobile navigation: renders
food-ecomm/src/App.jsx - Home page → Category card: uses
food-ecomm/src/pages/Home.jsx - Menu page → Food catalog: reads catalog
food-ecomm/src/pages/Menu.jsx - Menu page → Menu search: renders
food-ecomm/src/pages/Menu.jsx - Menu page → Food card: renders
food-ecomm/src/pages/Menu.jsx - Menu page → Cart state: adds items
food-ecomm/src/pages/Menu.jsx - Food card → Cart state: invokes add
food-ecomm/src/components/FoodCard.jsx - Cart page → Cart state: updates cart
food-ecomm/src/pages/Cart.jsx - Cart page → Place order: navigates to
food-ecomm/src/pages/Cart.jsx - Place order → Cart state: clears cart
food-ecomm/src/pages/PlaceOrder.jsx - Cart state → Browser storage: persists cart
food-ecomm/src/context/CartContext.jsx - Place order → Browser storage: stores addresses
food-ecomm/src/pages/PlaceOrder.jsx - Login and signup → Browser storage: stores accounts
food-ecomm/src/pages/AuthPage.jsx - Top navigation → Cart state: reads count
food-ecomm/src/components/Navbar.jsx