How eldieng/fabiram_by_amsa works
Fabiram is a Senegalese online shop for natural food powders. Shoppers discover products on the homepage or filtered boutique, inspect variants on product pages, add items to a browser-stored cart, then place orders through WhatsApp. Admins manage the product catalogue and upload product images. The README also documents local SEO and responsive storefront features. The product API and upload route are sampled; some page and helper implementations are not, so the graph omits uncertain calls and represents documented but unsampled SEO at its exact source paths.
Main entry points: [id]/page.tsx Product detail · products.ts Product data client · admin/page.tsx Admin panel · route.ts Product API
Components 23
Storefront
- Home page
src/app/page.tsx - Product catalogue
src/app/boutique/page.tsx - Product detail
src/app/produit/[id]/page.tsx - About page
src/app/a-propos/page.tsx - Contact page
src/app/contact/page.tsx - Site layout
src/app/layout.tsx - Navigation header
src/components/Header.tsx - Site footer
src/components/Footer.tsx - Product card
src/components/ProductCard.tsx - SEO routes
src/app/sitemap.ts - Robots metadata
src/app/robots.ts
Shopping and orders
- Cart page
src/app/panier/page.tsx - Cart operations
src/lib/cart.ts
Administration
- Admin panel
src/app/admin/page.tsx
Data and integrations
- Product API
src/app/api/products/route.ts - Image upload API
src/app/api/upload/route.ts - Product data client
src/lib/products.ts - Product JSON store
data/products.json - Uploaded images
public/images - Browser cart storage
Other components
- Shopper
- Admin user
Connections 29
- Shopper → Home page: opens
- Shopper → Product catalogue: browses
- Shopper → Product detail: views
- Shopper → Cart page: manages cart
- Shopper → About page: reads
- Shopper → Contact page: contacts
- Home page → Product data client: fetches products
- Product catalogue → Product data client: fetches products
- Product detail → Product data client: fetches products
- Home page → Product card: renders
- Product catalogue → Product card: renders
- Product detail → Product card: renders related
- Site layout → Navigation header: renders
- Site layout → Site footer: renders
- Product data client → Product API: requests catalogue
- Product API → Product JSON store: reads and writes
- Product detail → Cart operations: adds item
- Cart page → Cart operations: manages items
- Cart operations → Browser cart storage: reads and writes
- Cart page → WhatsApp: sends order
- Product detail → WhatsApp: opens order link
- Admin user → Admin panel: manages products
- Admin panel → Product data client: loads catalogue
- Admin panel → Product API: saves products
- Admin panel → Image upload API: uploads image
- Image upload API → Uploaded images: writes image
- SEO routes → Product API: lists products
- Shopper → SEO routes: discovers pages
- Shopper → Robots metadata: requests rules