How dsanchos/internet-service works
This is a React storefront for browsing internet-provider products, adding them to a cart, and submitting an application, with an admin area for creating products and viewing applications. The graph follows the routes and workflows evidenced in sampled source; several feature API modules and shared app wiring are represented by their exact tree paths, but their internal calls were not sampled.
Main entry points: routes.jsx Route dispatcher · api.js API client · CartPage.jsx Cart and checkout · index.js Cart API
Components 25
App shell
- App entry
src/app/index.jsx - App providers
src/app/routes/CombinedProviders.jsx - Route dispatcher
src/app/routes/routes.jsx - Store layout
src/app/layouts/Layout.jsx
Storefront
- Home page
src/pages/home/ui/Home.jsx - Catalog
src/pages/catalog/ui/Catalog.jsx - Product details
src/pages/product-page/ui/ProductPage.jsx - Cart and checkout
src/pages/cart/ui/CartPage.jsx - Account access
src/pages/sign-in/ui/SignIn.jsx - Registration
src/pages/sign-up/ui/SignUp.jsx - About page
src/pages/about/ui/About.jsx - Catalog API
src/pages/catalog/api/index.js - Product API
src/pages/product-page/api/index.js - Cart API
src/pages/cart/api/index.js
Administration
- Admin layout
src/app/layouts/AdminLayout.jsx - Create product
src/pages/create-product/ui/CreateProduct.jsx - Product admin API
src/pages/create-product/api/index.js - Applications list
src/pages/applications/ui/Applications.jsx - Applications API
src/pages/applications/api/index.js
Shared services
- API client
src/shared/api/api.js - Base query
src/shared/api/query.js - Token storage
src/shared/model/TokenService.js
Other components
- Customer
- Administrator
- API server
Connections 31
- Customer → App entry: opens app
- Administrator → App entry: opens app
- App entry → App providers: renders
- App providers → Route dispatcher: provides routes
- Route dispatcher → Store layout: routes storefront
- Route dispatcher → Admin layout: routes admin
- Route dispatcher → Home page: dispatches
- Route dispatcher → Catalog: dispatches
- Route dispatcher → Product details: dispatches
- Route dispatcher → Cart and checkout: dispatches
- Route dispatcher → Account access: dispatches
- Route dispatcher → Registration: dispatches
- Route dispatcher → About page: dispatches
- Route dispatcher → Create product: dispatches
- Route dispatcher → Applications list: dispatches
- Catalog → Catalog API: loads catalog
- Product details → Product API: loads product
- Product details → Product API: adds to cart
- Cart and checkout → Cart API: loads cart
- Cart and checkout → Cart API: submits application
- Cart and checkout → Cart API: clears cart
- Create product → Product admin API: creates product
- Applications list → Applications API: loads applications
- Catalog API → API client: uses client
- Product API → API client: uses client
- Cart API → API client: uses client
- Product admin API → API client: uses client
- Applications API → API client: uses client
- API client → Base query: queries through
- Base query → Token storage: reads token
- Base query → API server: sends requests