How duymk123/tracking-order works
LogisticsPro is a full-stack commerce and order-tracking system. A buyer authenticates, browses products, manages a cart, checks out, and follows orders; sellers manage inventory and returns, while shippers manage delivery states and profiles. React routes guard sessions, the HTTP client attaches and refreshes JWTs, and Spring controllers/services persist domain state. Feature flags form a parallel path: administrators configure flags, backend evaluation considers the current security context, and refreshed flag snapshots control frontend behavior. Some backend call relationships are inferred only from the repository structure, so they are shown at subsystem level.
Components 21
Web Application
- React App
Frontend/src/App.jsx - Protected Routes
Frontend/src/routes/AppRoutes.jsx - Frontend Auth
Frontend/src/services/authService.js - HTTP Client
Frontend/src/api/httpClient.js - Session Storage
Frontend/src/services/authStorage.js
Commerce Backend
- Commerce Controllers
src/main/java/com/example/trackingorder/controller - Authentication Service
src/main/java/com/example/trackingorder/service/AuthService.java - Product Service
src/main/java/com/example/trackingorder/service/ProductService.java - Order Service
src/main/java/com/example/trackingorder/service/OrderService.java - Fulfillment Services
src/main/java/com/example/trackingorder/service - JWT Security
src/main/java/com/example/trackingorder/config/jwt
Feature Flags
- Flag Management
Frontend/src/pages/FeatureFlagManagementPage.jsx - Feature Controller
src/main/java/com/example/trackingorder/controller/FeatureController.java - Feature Evaluator
- Feature Guard
src/main/java/com/example/trackingorder/aspect/FeatureFlagAspect.java - Flag Service
src/main/java/com/example/trackingorder/service/FeatureService.java
Persistent State
- Order Database
Database/tracking_order.sql
Other components
- Buyer
- Seller
- Shipper
- Flag Platform
Connections 27
- Buyer → React App: uses
- Seller → React App: uses
- Shipper → React App: uses
- React App → Protected Routes: renders
- Protected Routes → Frontend Auth: starts login
- Frontend Auth → HTTP Client: requests auth
- HTTP Client → Session Storage: reads tokens
- HTTP Client → Session Storage: writes session
- HTTP Client → JWT Security: sends bearer
- HTTP Client → Authentication Service: refreshes token
- Commerce Controllers → Authentication Service: dispatches auth
- Commerce Controllers → Product Service: dispatches catalog
- Commerce Controllers → Order Service: dispatches orders
- Commerce Controllers → Fulfillment Services: dispatches delivery
- Authentication Service → Order Database: stores users
- Product Service → Order Database: reads products
- Order Service → Order Database: stores orders
- Fulfillment Services → Order Database: stores tracking
- Seller → Flag Management: manages flags
- Flag Management → Flag Platform: configures flags
- Protected Routes → Feature Controller: requests flags
- Feature Controller → Feature Evaluator: evaluates flags
- Feature Evaluator → JWT Security: reads roles
- Feature Controller → Session Storage: returns snapshot
- Feature Guard → Feature Evaluator: checks access
- Flag Service → Flag Platform: syncs flags
- HTTP Client → Session Storage: refreshes flags