How autoportsproject/autoparts-frontend works
AutoApp is a storefront and administration site for foreign-car auto parts. The public journey is search or browse catalog → inspect products; registered users can access profiles, while staff manage catalog and business content and handle customer/supplier appeals. The tree shows a feature-hook/repository architecture over an HTTP API. Only selected source was sampled, so links among unsampled pages and feature modules are kept broad rather than asserting detailed call wiring.
Main entry points: features Feature hooks · page.tsx Home page · main.tsx Home view · Main.tsx Home and brands
Components 20
Storefront
- Home page
src/app/page.tsx - Home view
src/views/main.tsx - Home and brands
src/widgets/main/Main.tsx - Catalog pages
src/app/catalog/page.tsx - Catalog views
src/views/catalog/catalog.tsx - Product search
src/app/catalog/search/page.tsx - Product detail
src/app/catalog/[id]/page.tsx - Business content
src/views/pages
Accounts
- Login and register
src/views/auth/login.tsx - User profile
src/views/auth/profile.tsx
Administration
- Admin pages
src/app/admin - Admin views
src/views/admin - Appeal handling
src/widgets/admin/appeals/ClientQuestionCard.tsx
Application data
- Feature hooks
src/features - API repositories
src/data/repos - HTTP client
src/data/api/axiosInstance.ts - DTOs and contracts
src/domain - Query cache
src/shared/providers/QueryProvider.tsx
Other components
- Shopper
- Application API
Connections 19
- Shopper → Home page: opens
- Home page → Home view: renders
- Home view → Home and brands: renders
- Home and brands → Feature hooks: loads brands
- Shopper → Catalog pages: browses
- Catalog pages → Catalog views: renders
- Shopper → Product search: searches
- Shopper → Product detail: inspects
- Shopper → Business content: visits
- Shopper → Login and register: authenticates
- Shopper → User profile: manages account
- Shopper → Admin pages: staff access
- Admin pages → Admin views: renders
- Appeal handling → Feature hooks: updates appeal
- Feature hooks → API repositories: invokes
- API repositories → HTTP client: sends requests
- HTTP client → Application API: calls
- Feature hooks → DTOs and contracts: uses contracts
- Feature hooks → Query cache: caches queries