How minhquocmnh/nguyenminhquoc-24ct1 works
BookVerse is a Vietnamese online bookstore. Shoppers browse and filter books, inspect details, manage a persistent cart, and place orders; account and order-history features support returning customers. An admin area manages books and order statuses. The excerpts show Supabase-backed data with local mock-data fallbacks. Several UI modules are present in the tree but were not sampled, so their internal service wiring is not inferred.
Main entry points: App.jsx App coordinator · bookService.js Book data service · CheckoutModal.jsx Checkout · AuthContext.jsx Auth and profile state
Components 25
Storefront
- App coordinator
src/App.jsx - Navigation
src/components/Navbar.jsx - Hero banner
src/components/HeroBanner.jsx - Category search
src/components/CategoryFilter.jsx - Book catalog
src/components/BookCard.jsx - Book details
src/components/BookDetailModal.jsx - Store information
src/components/AboutModal.jsx - Policies
src/components/PolicyModal.jsx - Contact form
src/components/ContactModal.jsx
Purchase and accounts
- Cart drawer
src/components/CartDrawer.jsx - Checkout
src/components/CheckoutModal.jsx - Sign-in and signup
src/components/AuthModal.jsx - Order history
src/components/OrderHistoryModal.jsx - Cart state
src/context/CartContext.jsx - Auth and profile state
src/context/AuthContext.jsx
Administration
- Admin panel
src/components/AdminPanel.jsx - Backend configuration
src/components/SupabaseConfigModal.jsx
Data and persistence
- Book data service
src/services/bookService.js - Order data service
src/services/orderService.js - Mock book catalog
src/services/mockData.js - Browser cart storage
- Browser local storage
- Supabase client
src/lib/supabase.js
Other components
- Shopper
- Supabase backend
Connections 32
- Shopper → App coordinator: uses storefront
- App coordinator → Navigation: renders
- App coordinator → Hero banner: renders
- App coordinator → Category search: renders
- App coordinator → Book catalog: renders
- App coordinator → Book details: renders
- App coordinator → Cart drawer: renders
- App coordinator → Checkout: renders
- App coordinator → Sign-in and signup: renders
- App coordinator → Order history: renders
- App coordinator → Admin panel: renders
- App coordinator → Store information: renders
- App coordinator → Policies: renders
- App coordinator → Contact form: renders
- App coordinator → Backend configuration: renders
- App coordinator → Book data service: fetches books
- Cart drawer → Cart state: uses cart
- Checkout → Cart state: reads and clears
- Checkout → Auth and profile state: reads identity
- Checkout → Order data service: creates order
- Sign-in and signup → Auth and profile state: signs in or up
- Admin panel → Book data service: manages books
- Admin panel → Order data service: manages orders
- Cart state → Browser cart storage: persists cart
- Auth and profile state → Browser local storage: stores mock identity
- Book data service → Mock book catalog: loads fallback
- Book data service → Browser local storage: reads and writes fallback
- Book data service → Supabase client: queries books
- Order data service → Browser local storage: stores fallback orders
- Order data service → Supabase client: queries orders
- Auth and profile state → Supabase client: authenticates and queries profiles
- Supabase client → Supabase backend: connects