How adarshgithubit/e-commercewebsite works
This React storefront supports browsing product categories and details, signing up and logging in, and adding products to a shared cart. The main flow is shopper → routed catalog → product details → authentication gate → cart state → cart review. Home, About, Contact, and FAQ are separate informational branches. Product and authentication requests target a remote API; some catalog and informational components were not sampled, so their internal wiring is not inferred. The cart shown in source supports review, not a checkout/payment stage.
Main entry points: AllRoutes.jsx Route dispatch · App.js App composition · Products Product details · CartAuthContext.jsx Cart and auth state
Components 21
App shell
- App composition
ecommerce-WebsiteProject/src/App.js - Route dispatch
ecommerce-WebsiteProject/src/Routes/AllRoutes.jsx - Navigation
ecommerce-WebsiteProject/src/Components/Navbar.jsx - Footer
ecommerce-WebsiteProject/src/Components/Footer/Footer.jsx
Product catalog
- Product index
ecommerce-WebsiteProject/src/Components/Products/Products.jsx - Men's catalog
ecommerce-WebsiteProject/src/Components/Products/Mens.jsx - Women's catalog
ecommerce-WebsiteProject/src/Components/Products/Womens.jsx - Kids' catalog
ecommerce-WebsiteProject/src/Components/Products/Kids.jsx - Product details
ecommerce-WebsiteProject/src/Components/Products - Product not found
ecommerce-WebsiteProject/src/Components/Products/Error404.jsx
Account access
- Sign up
ecommerce-WebsiteProject/src/Components/Signup/Signup.jsx - Log in
ecommerce-WebsiteProject/src/Components/Login/Login.jsx - Fetch helper
ecommerce-WebsiteProject/src/Components/FetchData.jsx
Cart state
- Cart and auth state
ecommerce-WebsiteProject/src/Context/CartAuthContext.jsx - Cart review
ecommerce-WebsiteProject/src/Components/Cart/Cart.jsx
Store information
- Home promotion
ecommerce-WebsiteProject/src/Components/Home/Home.jsx - About page
ecommerce-WebsiteProject/src/Components/About/About.jsx - Contact page
ecommerce-WebsiteProject/src/Components/Contact/Contact.jsx - FAQ page
ecommerce-WebsiteProject/src/Components/FAQ/FAQ.jsx
Other components
- Shopper
- Store API
Connections 25
- Shopper → App composition: uses
- App composition → Navigation: renders
- App composition → Route dispatch: renders
- App composition → Footer: renders
- Route dispatch → Home promotion: routes to
- Route dispatch → About page: routes to
- Route dispatch → Contact page: routes to
- Route dispatch → FAQ page: routes to
- Route dispatch → Product index: routes to
- Route dispatch → Men's catalog: routes to
- Route dispatch → Women's catalog: routes to
- Route dispatch → Kids' catalog: routes to
- Route dispatch → Product details: routes to
- Route dispatch → Cart review: routes to
- Route dispatch → Log in: routes to
- Route dispatch → Sign up: routes to
- Product details → Store API: fetches product
- Product details → Product not found: shows missing
- Product details → Cart and auth state: adds item
- Log in → Fetch helper: loads accounts
- Fetch helper → Store API: requests data
- Sign up → Store API: posts account
- Navigation → Cart and auth state: reads cart and auth
- Cart review → Cart and auth state: reads cart
- Shopper → Cart and auth state: cart and auth actions