akash-01005/pizzashop-app

Purpose and runtime

This is a client-side pizza ordering application built with React and Vite. It presents menu products, supports pizza customization, maintains authentication/cart/menu state, and exposes order/checkout views. The README is the unmodified Vite template, so application behavior is inferred from the source structure.

Application bootstrap

Vite serves and bundles the single-page application from index.html. React mounts from src/main.jsx, with the root composition in src/App.jsx. Global styling is defined in src/index.css. The app is browser-only in this repository; no server, API client, or backend deployment code is present.

Page-level navigation and user journeys

Page components define the primary route/view boundaries:

• Storefront and browsing: src/pages/Home.jsx

• Menu item customization: src/pages/CustomizedPizza.jsx

• Cart, checkout/order flow: src/pages/Cart.jsx, src/pages/Order.jsx

• Account flows: src/pages/Login.jsx, src/pages/Signup.jsx, src/pages/ForgotPassword.jsx

• Fallback view: src/pages/NotFound.jsx

src/App.jsx is the likely coordinator for routing, shared layout, and page selection.

Shared UI composition

Reusable presentation and layout elements are centralized in src/components:

• Navigation and site framing: src/components/Navbar.jsx, src/components/Footer.jsx

• Product rendering: src/components/ProductItem.jsx

• Checkout interaction surface: src/components/CheckoutModel.jsx

• Common loading and headings: src/components/Loading.jsx, src/components/Title.jsx

Pages should consume these components through src/components/index.js, keeping storefront workflows separate from reusable UI.

State architecture

Application state is organized as Redux-style feature slices:

• Authentication/account state: src/features/authSlice.js

• Cart contents and pricing/order selection state: src/features/cartSlice.js

• Menu/catalog data state: src/features/menuSlice.js

The central store is configured in src/store/store.js and re-exported through src/store/index.js. This creates the main control boundary: pages/components dispatch feature actions and select shared state, rather than owning cart or menu state locally.

Catalog data and customization inputs

Static public JSON supplies the available product and ingredient data:

• Pizza catalog: public/pizza.json

• Ingredient/customization data: public/ingredients.json

These files are browser-served assets, likely loaded by the menu flow and consumed by src/features/menuSlice.js and src/pages/CustomizedPizza.jsx. There is no indicated remote catalog service; public JSON is the repository’s material data source.

Supporting client behavior

src/hooks/showPassword.js encapsulates password-visibility behavior for authentication forms and is exported through src/hooks/index.js. Static visual/media imports are consolidated in src/assets/index.js. The key external runtime infrastructure is React plus Vite’s development server/HMR and production bundling, configured by vite.config.js; package-level dependencies and scripts reside in package.json.