How arkasen70/appscrip-task-arka_sen works
This is a small Next.js storefront centered on product discovery. A visitor opens the home or shop route; each route fetches product and category data, then renders the shop experience. There, category selections and supported sort choices shape the displayed product list, which is presented as product cards. The shared page shell supplies navigation and footer information. The README describes only the Next.js starter, so product capabilities are inferred from the sampled source; the wider app tree and unsampled modules were not inspected.
Main entry points: api.js Product fetcher · ShopContent.jsx Shop content · page.js Home route · page.jsx Shop route
Components 13
Pages and shell
- Home route
src/app/page.js - Shop route
src/app/shop/page.jsx - Root layout
src/app/layout.js
Shop experience
- Shop content
src/components/ShopContent/ShopContent.jsx - Shop filters
src/components/Filter/ShopFilter.jsx - Product card
src/components/ProductCard/ProductCard.jsx
Shared components and data
- Product fetcher
src/lib/api.js - Site header
src/layout/Header/Header.jsx - Site footer
src/layout/Footer/Footer.jsx - SVG icons
src/lib/icons.jsx - Filter options
src/lib/constants.js
Other components
- Visitor
- DummyJSON catalog
Connections 18
- Visitor → Home route: opens
- Visitor → Shop route: opens
- Home route → Product fetcher: fetches products
- Shop route → Product fetcher: fetches products
- Product fetcher → DummyJSON catalog: requests catalog
- Product fetcher → Home route: returns catalog
- Product fetcher → Shop route: returns catalog
- Home route → Shop content: renders with data
- Shop route → Shop content: renders with data
- Root layout → Site header: renders
- Root layout → Site footer: renders
- Shop content → Shop filters: renders controls
- Shop content → Product card: renders products
- Shop filters → Filter options: reads options
- Shop filters → Shop content: sends selections
- Site header → SVG icons: renders icons
- Site footer → SVG icons: renders icons
- Product card → SVG icons: renders icons