How yanphayu/01-e-com works
This is a marketplace application: users browse and search listings, create products, manage accounts, and communicate through real-time chat; administrators manage marketplace content and analytics. The graph separates the Vue client, Laravel API/domain services, identity, messaging, and administration. Source evidence supports the product, search, authentication, and chat relationships shown; most frontend view-to-service wiring and several backend controller internals were not sampled, so those connections are omitted rather than inferred.
Main entry points: api.php API route dispatch · ChatController.php Conversation operations · SearchController.php Marketplace search · AuthController.php Account workflows
Components 19
Marketplace client
- Vue application shell
frontend/src/App.vue - Navigation
frontend/src/components/Navbar.vue - Search view
frontend/src/views/SearchView.vue - Authentication UI
frontend/src/components/AuthLayout.vue
Marketplace domain
- API route dispatch
backend/routes/api.php - Product lifecycle
backend/app/Http/Controllers/ProductController.php - Product records
backend/app/Models/Product.php - Marketplace search
backend/app/Http/Controllers/SearchController.php - Catalog taxonomy
backend/app/Models/Category.php
Identity and accounts
- Account workflows
backend/app/Http/Controllers/AuthController.php - User accounts
backend/app/Models/User.php - Verification codes
backend/app/Models/Otp.php
Chat and notifications
- Conversation operations
backend/app/Http/Controllers/ChatController.php - Conversations
backend/app/Models/Conversation.php - Messages
backend/app/Models/Message.php - Chat events
backend/app/Events/NewMessageEvent.php
Administration
- Admin dashboard analytics
backend/app/Http/Controllers/Admin/DashboardController.php - Admin product management
backend/app/Http/Controllers/Admin/ProductController.php
Other components
- Marketplace user
Connections 21
- Vue application shell → Navigation: renders
frontend/src/App.vue - Vue application shell → Marketplace user: serves
- Marketplace user → Search view: searches
- Search view → Marketplace search: requests results
frontend/src/views/SearchView.vue - Marketplace user → API route dispatch: uses marketplace
- API route dispatch → Product lifecycle: routes product requests
backend/routes/api.php - API route dispatch → Marketplace search: routes search requests
backend/routes/api.php - Product lifecycle → Product records: creates and updates
backend/app/Http/Controllers/ProductController.php - Marketplace search → Product records: queries listings
backend/app/Http/Controllers/SearchController.php - Marketplace search → Catalog taxonomy: queries categories
backend/app/Http/Controllers/SearchController.php - API route dispatch → Account workflows: routes account requests
backend/routes/api.php - Authentication UI → Marketplace user: collects credentials
- Account workflows → User accounts: authenticates accounts
backend/app/Http/Controllers/AuthController.php - Account workflows → Verification codes: issues verification codes
backend/app/Http/Controllers/AuthController.php - API route dispatch → Conversation operations: routes chat requests
backend/routes/api.php - Conversation operations → Conversations: manages conversations
backend/app/Http/Controllers/ChatController.php - Conversation operations → Messages: stores and updates
backend/app/Http/Controllers/ChatController.php - Conversation operations → Chat events: broadcasts messages
backend/app/Http/Controllers/ChatController.php - Messages → Conversations: belongs to
backend/app/Models/Message.php - API route dispatch → Admin product management: routes admin requests
- Admin dashboard analytics → Product records: reports listing data
backend/app/Http/Controllers/Admin/DashboardController.php