How namitrohekar/compatx works
CompatX is a full-stack e-commerce platform. Customers browse products, manage a cart, check out, pay, and track orders; administrators manage products, categories, orders, and sales analytics. The map includes the documented React-to-Spring API architecture and sampled authentication, product, order, and payment behavior. Some controller and frontend service wiring is represented by documented responsibilities; unsampled details are not expanded.
Main entry points: axiosClient.js HTTP client · main.jsx App routes · UserOrderController.java Customer order API · Checkout.jsx Checkout
Components 34
Customer shopping
- Product browsing
compatX-frontend/src/pages/customer/ProductGallery.jsx - Product details
compatX-frontend/src/pages/customer/ProductsDetails.jsx - Shopping cart
compatX-frontend/src/pages/customer/Cart.jsx - Checkout
compatX-frontend/src/pages/customer/Checkout.jsx - Order tracking
compatX-frontend/src/pages/customer/Orders.jsx - Customer profile
compatX-frontend/src/pages/customer/Profile.jsx
Admin operations
- Admin dashboard
compatX-frontend/src/pages/admin/AdminDashboard.jsx - Product management
compatX-frontend/src/pages/admin/ProductList.jsx - Category management
compatX-frontend/src/pages/admin/CategoryList.jsx - Order management
compatX-frontend/src/pages/admin/AdminOrders.jsx - Order analytics
compatX-frontend/src/pages/admin/OrderAnalytics.jsx
Frontend runtime
- App routes
compatX-frontend/src/main.jsx - HTTP client
compatX-frontend/src/lib/axiosClient.js - Cart API service
compatX-frontend/src/services/cartService.js - Order API service
compatX-frontend/src/services/orderService.js - Payment API service
compatX-frontend/src/services/paymentService.js - Admin product API
compatX-frontend/src/services/adminProductService.js
Backend application
- Product API
compatx-backend/src/main/java/com/namit/controllers/ProductController.java - Product logic
compatx-backend/src/main/java/com/namit/services/ProductService.java - Product catalog data
compatx-backend/src/main/java/com/namit/repositories/ProductRepository.java - Cart API
compatx-backend/src/main/java/com/namit/controllers/CartController.java - Customer order API
compatx-backend/src/main/java/com/namit/controllers/UserOrderController.java - Admin order API
compatx-backend/src/main/java/com/namit/controllers/AdminOrderController.java - Order logic
compatx-backend/src/main/java/com/namit/services/OrderService.java - Order data
compatx-backend/src/main/java/com/namit/repositories/OrderRepository.java - Payment API
compatx-backend/src/main/java/com/namit/controllers/PaymentController.java - Payment integrations
compatx-backend/src/main/java/com/namit/services/PaymentService.java
Identity and access
- Auth state
compatX-frontend/src/stores/useAuthStore.js - Authentication API
compatx-backend/src/main/java/com/namit/controllers/AuthController.java - Refresh token service
compatx-backend/src/main/java/com/namit/security/jwt/RefreshTokenService.java - User and token data
compatx-backend/src/main/java/com/namit/repositories/RefreshTokenRepository.java
Other components
- Shopper
- Administrator
- Stripe
Connections 48
- Shopper → App routes: uses
- Administrator → App routes: uses
- App routes → Product browsing: routes to
- App routes → Product details: routes to
- App routes → Shopping cart: routes to
- App routes → Checkout: routes to
- App routes → Order tracking: routes to
- App routes → Customer profile: routes to
- App routes → Admin dashboard: routes to
- App routes → Product management: routes to
- App routes → Category management: routes to
- App routes → Order management: routes to
- App routes → Order analytics: routes to
- Product browsing → HTTP client: requests catalog
- Product details → HTTP client: requests product
- Shopping cart → Cart API service: uses
- Cart API service → HTTP client: sends requests
- Checkout → Order API service: places orders
- Checkout → Payment API service: starts payment
- Order tracking → Order API service: retrieves orders
- Customer profile → HTTP client: requests profile
- Product management → Admin product API: uses
- Admin product API → HTTP client: sends requests
- Admin dashboard → HTTP client: requests metrics
- Category management → HTTP client: requests categories
- Order management → HTTP client: requests orders
- Order analytics → HTTP client: requests analytics
- Auth state → Authentication API: refreshes token
- HTTP client → Auth state: uses auth state
- HTTP client → Product API: calls API
- HTTP client → Cart API: calls API
- HTTP client → Customer order API: calls API
- HTTP client → Admin order API: calls API
- HTTP client → Payment API: calls API
- HTTP client → Authentication API: calls API
- HTTP client → Category management: calls API
- Admin product API → Product API: calls API
- Authentication API → Refresh token service: manages refresh tokens
- Refresh token service → User and token data: reads and writes
- Product API → Product logic: delegates
- Product logic → Product catalog data: queries and saves
- Cart API → Order logic: delegates cart orders
- Customer order API → Order logic: delegates
- Admin order API → Order logic: delegates
- Order API service → Customer order API: calls API
- Customer order API → Order data: reads and writes
- Payment API → Payment integrations: creates and verifies payments
- Payment API → Order data: verifies order ownership