How twistandtanglecrochet/new-site works
Twist & Tangle Crochet is a handmade-crochet storefront. Shoppers browse and filter the catalog, inspect products, manage a cart or buy-now selection, and can submit product reviews; the app loads live catalog and review data from Firestore. A separate admin page supports catalog management, though its implementation is not sampled. The tree and excerpts support these main flows, but not the exact checkout or admin operations, so those connections are left unspecified.
Main entry points: App.jsx Storefront app · firebase.js Firebase client · main.jsx React entry · admin.html Admin portal
Components 16
Storefront
- Storefront app
src/App.jsx - React entry
src/main.jsx - Cart and purchase
src/App.jsx - Product reviews
src/App.jsx - Social links
src/App.jsx
Catalog data
- Starter catalog
src/data/products.js - Site settings
src/data/siteConfig.js - Brand images
src/data/siteImages.js - Brand palette
src/data/colors.js - Category slugs
src/data/slug.js
Backend
- Firebase client
src/firebase.js - Firebase settings
src/data/firebaseConfig.js - Firestore
Administration
- Admin portal
public/admin.html
Other components
- Shopper
- Social platforms
Connections 19
- Shopper → React entry: opens site
- React entry → Storefront app: renders
- Shopper → Storefront app: browses
- Storefront app → Starter catalog: uses starter data
- Storefront app → Site settings: uses settings
- Storefront app → Brand images: uses images
- Storefront app → Brand palette: uses palette
- Storefront app → Category slugs: creates category links
- Storefront app → Cart and purchase: manages selection
- Shopper → Product reviews: submits review
- Storefront app → Product reviews: shows reviews
- Product reviews → Firestore: reads and writes
- Storefront app → Firestore: streams products
- Storefront app → Firebase client: uses database client
- Firebase client → Firebase settings: loads settings
- Firebase client → Firestore: connects
- Admin portal → Firestore: catalog administration
- Shopper → Social links: follows links
- Social links → Social platforms: opens