How baceloniagabriel116-dotcom/byte-cart works
Byte Cart is a static browser-based e-commerce storefront. Shoppers browse and filter products, add them to a persistent cart, authenticate at checkout, submit shipping details, and receive an order they can later view in their account. The app also supports inventory administration, verified-purchase reviews, and editable site/team content. Browser localStorage is the primary data store; Supabase synchronization is optional. The workflow and major capabilities follow the README; unsampled page wiring is represented only where documented.
Main entry points: cart.js Cart and orders · app.js Storefront UI · database.js Database adapter · auth.js Authentication
Components 20
Storefront
- Product listing
products.html - Product detail
product.html - Home page
index.html - Admin dashboard
admin.html
Customer flows
- Shopping cart
cart.html - Checkout
checkout.html - Login and register
login.html - Account and orders
account.html - Order confirmation
success.html
Commerce logic
- Storefront UI
js/app.js - Authentication
js/auth.js - Cart and orders
js/cart.js - Site settings and team
js/site.js
Data and integrations
- Seed catalog
data/products.js - Database adapter
js/database.js - Browser storage
- Supabase client
js/supabase.js - Production schema
data/schema.sql
Other components
- Shopper
- Supabase
Connections 33
- Shopper → Home page: opens
- Shopper → Product listing: browses
- Product listing → Storefront UI: renders through
- Product detail → Storefront UI: renders through
- Home page → Storefront UI: renders through
- Storefront UI → Seed catalog: displays products
- Storefront UI → Cart and orders: manages cart
- Shopper → Shopping cart: reviews cart
- Shopping cart → Cart and orders: reads cart
- Shopper → Checkout: starts checkout
- Checkout → Authentication: requires login
- Checkout → Cart and orders: places order
- Shopper → Login and register: authenticates
- Login and register → Authentication: registers or logs in
- Shopper → Account and orders: views account
- Account and orders → Authentication: checks session
- Account and orders → Cart and orders: reads order history
- Cart and orders → Order confirmation: confirms order
- Shopper → Admin dashboard: manages store
- Admin dashboard → Storefront UI: uses storefront logic
- Storefront UI → Database adapter: loads and saves data
- Authentication → Database adapter: reads and writes users
- Cart and orders → Database adapter: updates inventory and transactions
- Database adapter → Browser storage: reads and writes
- Cart and orders → Browser storage: persists cart and orders
- Cart and orders → Authentication: checks user
- Database adapter → Supabase client: syncs records
- Authentication → Supabase client: syncs authentication
- Cart and orders → Supabase client: syncs orders and reviews
- Site settings and team → Supabase client: loads and saves content
- Supabase client → Supabase: connects
- Site settings and team → Browser storage: caches content
- Database adapter → Production schema: matches data model