How yantokumar/jajan-yuks-kaka works
Jajan Yuks is a customer-facing snack storefront and lightweight ordering landing page. Visitors browse product and business information, add snacks to a persistent cart, enter delivery details, and open a prefilled WhatsApp order to send manually. The graph distinguishes storefront content, cart/order handling, shared state and formatting, and site configuration. README documents additional landing-page sections not sampled; their connections are shown only where the page composition is explicit.
Main entry points: page.tsx Home composition · cart.tsx Cart context · Contact.tsx Contact and maps · CartDrawer.tsx Cart drawer
Components 20
Storefront
- Home composition
src/app/page.tsx - Navigation
src/components/Navbar.tsx - Hero
src/components/Hero.tsx - Features
src/components/Features.tsx - Product catalog
src/components/Products.tsx - Testimonials
src/components/Testimonials.tsx - About
src/components/About.tsx - FAQ
src/components/FAQ.tsx - Contact and maps
src/components/Contact.tsx - Footer
src/components/Footer.tsx
Cart and order
- Floating cart
src/components/CartButton.tsx - Cart drawer
src/components/CartDrawer.tsx
Shared runtime
- Cart context
src/lib/cart.tsx - Order utilities
src/lib/utils.ts
Site configuration
- Store settings
config/site.ts
Other components
- Customer
- Browser localStorage
- Google Maps
Connections 27
- Customer → Home composition: views storefront
- Home composition → Navigation: renders
- Home composition → Hero: renders
- Home composition → Features: renders
- Home composition → Product catalog: renders
- Home composition → Testimonials: renders
- Home composition → About: renders
- Home composition → FAQ: renders
- Home composition → Contact and maps: renders
- Home composition → Footer: renders
- Home composition → Floating cart: renders
- Home composition → Cart drawer: renders
- Home composition → Cart context: provides context
- Product catalog → Cart context: adds items
- Navigation → Cart context: opens cart
- Floating cart → Cart context: opens cart
- Cart drawer → Cart context: reads and updates
- Cart context → Browser localStorage: persists items
- Cart context → Browser localStorage: restores items
- Cart drawer → Order utilities: formats order
- Cart drawer → Store settings: reads WhatsApp number
- Order utilities → WhatsApp: builds order link
- Customer → WhatsApp: sends prepared order
- Contact and maps → Store settings: reads contact details
- Contact and maps → Order utilities: creates chat link
- Contact and maps → Instagram: links profile
- Contact and maps → Google Maps: embeds location