How aserym25/sershop works
Sershop is a product-discovery and recommendation storefront: visitors browse and filter products, then either add an item to the in-memory cart or open a WhatsApp order message; product affiliate links can also lead to partner pages. The sampled source supports the catalog-loading, cart, and single-product WhatsApp paths. Other pages and admin are present in the route tree, but their internal behavior was not sampled, so their connections are limited to routing.
Main entry points: main.jsx App router · HomePage.jsx Browse and filter · supabase.js Supabase service · ProductCard.jsx Product card
Components 19
Storefront
- App router
src/main.jsx - Header navigation
src/components/Header.jsx - Admin dashboard
src/pages/AdminDashboard.jsx
Product catalog
- Browse and filter
src/pages/HomePage.jsx - Local products
src/data/products.js - Product card
src/components/ProductCard.jsx - Supabase service
src/services/supabase.js - Supabase products
- Browser cache
Ordering
- Cart state
src/context/CartContext.jsx - Cart page
src/pages/CartPage.jsx - WhatsApp ordering
src/utils/whatsapp.js - Affiliate partner
Site information
- About page
src/pages/AboutPage.jsx - FAQ page
src/pages/FAQPage.jsx - Contact page
src/pages/ContactPage.jsx - Legal information
src/pages/LegalPage.jsx
Other components
- Visitor
Connections 20
- Visitor → App router: opens storefront
- App router → Header navigation: renders
- App router → Browse and filter: routes to
- App router → Cart page: routes to
- App router → Admin dashboard: routes to
- App router → About page: routes to
- App router → FAQ page: routes to
- App router → Contact page: routes to
- App router → Legal information: routes to
- Browse and filter → Supabase service: queries products
- Supabase service → Supabase products: reads products
- Browse and filter → Local products: uses fallback
- Browse and filter → Supabase service: saves catalog cache
- Supabase service → Browser cache: writes cache
- Browse and filter → Product card: renders products
- Product card → Cart state: adds product
- Cart page → Cart state: uses cart state
- Product card → WhatsApp ordering: starts order
- WhatsApp ordering → WhatsApp: opens order message
- Browse and filter → Affiliate partner: opens affiliate link