How azisbek/tires-front works
This is a React/TypeScript tire-commerce storefront with a separate administrative area. Customers browse the home page and catalog, inspect product details and reviews, manage a cart, and reach order confirmation; account, favorites, news, and contact routes provide additional capabilities. Administrators have routes for managing products, news, applications, and tire/body types. The graph follows routing and layout relationships visible in sampled source; many page and API implementations were not sampled, so uncertain data-flow links are omitted.
Main entry points: RouterLayout.tsx Storefront layout · AdminLayout.tsx Admin layout · routes.tsx Route table · product-page Product details
Components 30
Application
- React entry
src/app/index.tsx - Route table
src/app/routes/routes.tsx - Storefront layout
src/app/layout/RouterLayout.tsx - Admin layout
src/app/layout/AdminLayout.tsx - API transport
src/shared/api/query.ts
Storefront
- Home
src/pages/home - Catalog
src/pages/catalog - Catalog filters
src/widgets/catalog-filter - Product details
src/pages/product-page - Product presentation
src/widgets/product-details - Product reviews
src/widgets/reviews
Shopping
- Cart
src/pages/cart - Cart items
src/widgets/cart-list - Cart item actions
src/features/cart-item/model/useCartFunc.tsx - Order confirmation
src/pages/confirm-order-page - Order information
src/widgets/order-widgets
Accounts and Content
Administration
- Admin dashboard
src/pages/admin-page - Product management
src/pages/add-product-page - News management
src/pages/add-news - Applications
src/pages/applications-page - Tire types
src/pages/add-tires-type - Body types
src/pages/add-body-type
Other components
- Customer
- Administrator
- Backend API
Connections 29
- React entry → Route table: renders providers
- Customer → Route table: opens routes
- Administrator → Route table: opens admin routes
- Route table → Storefront layout: routes storefront
- Route table → Admin layout: routes administration
- Storefront layout → Home: renders route
- Storefront layout → Catalog: renders route
- Storefront layout → Product details: renders route
- Storefront layout → Cart: renders route
- Storefront layout → Order confirmation: renders route
- Storefront layout → Sign in: renders route
- Storefront layout → Sign up: renders route
- Storefront layout → Profile: renders guarded route
- Storefront layout → Favorites: renders guarded route
- Storefront layout → News: renders route
- Catalog → Catalog filters: uses filters
- Product details → Product presentation: presents product
- Product details → Product reviews: routes reviews
- Cart → Cart items: shows items
- Cart items → Cart item actions: uses item actions
- Cart item actions → API transport: requests mutations
- Order confirmation → Order information: uses order details
- Admin layout → Admin dashboard: renders route
- Admin layout → Product management: renders route
- Admin layout → News management: renders route
- Admin layout → Applications: renders route
- Admin layout → Tire types: renders route
- Admin layout → Body types: renders route
- API transport → Backend API: fetches requests