How albertlivingstan/sasher works
SASHER is a fashion commerce and product-discovery application with gaze-aware adaptation, account/order features, and research and analytics views. The visible user journey enters through the app shell, discovers products, and can move toward product detail and checkout; account, support, tracking, and return experiences extend that journey. Gaze tracking, AI assistance, and product research are distinct capabilities. The README is empty, and several service and component implementations were not sampled, so uncertain wiring is omitted.
Main entry points: App.tsx App Shell · SasherContext.tsx Commerce State · eyeTracker.ts Gaze Tracker · assistantService.ts Assistant Service
Components 30
Application
- App Shell
src/App.tsx - Commerce State
src/context/SasherContext.tsx
Fashion Commerce
- Navigation
src/components/navigation/Navbar.tsx - Product Catalog
src/components/product/ProductGrid.tsx - Product Detail
src/components/product/ProductDetailModal.tsx - Cart Drawer
src/components/navigation/CartDrawer.tsx - Checkout
src/components/checkout/CheckoutModal.tsx - Order History
src/components/account/OrderHistory.tsx - Returns
src/components/returns/OrderReturnModal.tsx - Order Tracking
src/components/shipping/OrderTrackingModal.tsx - Customer Support
src/components/support/CustomerSupportModal.tsx - Product Data
src/data/products.ts
Gaze Adaptation
- Session Intent
src/components/session/SessionIntentWidget.tsx - Live Adaptation
src/components/session/LiveAdaptationDemo.tsx - Gaze Studio
src/components/eyetracking/GazeTrackingStudioView.tsx - Gaze Tracker
src/services/eyeTracker.ts - Gaze Engine
src/services/gazeTrackingEngine.ts - Fashion Assistant
src/components/assistant/FashionAssistantChatbot.tsx - Assistant Service
src/services/assistantService.ts
Research Analytics
- Research Dashboard
src/components/research/ResearchDashboardView.tsx - Product Research
src/components/research/ProductDeepResearchSection.tsx - Platform Analytics
src/components/analytics/PlatformAnalyticsView.tsx - Evaluation Analytics
src/components/analytics/EvaluationAnalyticsView.tsx - AI Insights
src/components/insights/AiInsightsView.tsx
Identity Services
- Auth Context
src/context/AuthContext.tsx - Firestore Storage
src/services/firestoreStorage.ts - Order Service
src/services/orderService.ts
Other components
- Shopper
- Gemini API
- Firestore
Connections 24
- Shopper → App Shell: uses
- App Shell → Commerce State: reads state
- App Shell → Navigation: renders
- App Shell → Product Catalog: renders
- App Shell → Live Adaptation: renders
- App Shell → Session Intent: renders
- App Shell → Gaze Studio: routes to
- App Shell → Research Dashboard: routes to
- App Shell → Platform Analytics: routes to
- App Shell → Evaluation Analytics: routes to
- App Shell → AI Insights: routes to
- App Shell → Customer Support: opens
- App Shell → Order Tracking: opens
- App Shell → Returns: opens
- Commerce State → Product Data: initializes from
- Commerce State → Gaze Tracker: starts tracking
- Gaze Tracker → Gaze Engine: uses
- Fashion Assistant → Assistant Service: requests answers
- Assistant Service → Gemini API: calls
- Research Dashboard → Product Research: includes
- Commerce State → Firestore Storage: saves user data
- Firestore Storage → Firestore: reads and writes
- Auth Context → Firestore: authenticates with
- Commerce State → Order Service: uses