How danzulbenavides/visionfit works
VisionFit is an eyewear commerce product: customers browse frames, scan their face, receive recommendations and try frames virtually, manage prescriptions, then purchase and track orders. Its mobile app and two web portals use an Express API backed by MongoDB; the API also integrates a Python facial-analysis service. The graph preserves the documented feature areas, while detailed internal links are limited to relationships visible in the README or sampled source/index; several feature implementations were not inspected.
Main entry points: app.js Express API · AppNavigator.js Mobile app · api Admin and staff API clients · models Commerce data
Components 22
Customer experience
- Mobile app
frontend/src/navigation/AppNavigator.js - Account and profile
frontend/src/context/AuthContext.js - Browse and favorites
frontend/src/screens/products - Face scan and measurements
frontend/src/screens/scan - Recommendations and try-on
frontend/src/screens/recommendations - Prescription management
frontend/src/screens/prescriptions - Cart and checkout
frontend/src/screens/checkout - Orders and receipts
frontend/src/screens/orders - Education and reviews
frontend/src/screens/educational - Customer API client
frontend/src/api
Commerce API
- Express API
backend/src/app.js - Authentication
backend/src/controllers/auth.controller.js - Product catalog
backend/src/controllers/product.controller.js - Order processing
backend/src/controllers/order.controller.js - Reviews
backend/src/controllers/review.controller.js - Commerce data
backend/src/models
Vision services
- Facial analysis
ai-service/main.py - Face analysis adapter
backend/src/services/faceAnalysis.service.js
Operations portals
- Admin portal
admin-web/src/router/AppRouter.tsx - Staff portal
staff-web/src/router/AppRouter.tsx - Admin and staff API clients
admin-web/src/api
Other components
- Customer
Connections 18
- Customer → Mobile app: uses
README.md - Mobile app → Account and profile: provides context
frontend/App.js - Mobile app → Customer API client: uses API
- Customer API client → Express API: calls
README.md - Express API → Authentication: routes requests
backend/src/app.js - Express API → Product catalog: routes requests
backend/src/app.js - Express API → Order processing: routes requests
backend/src/app.js - Express API → Reviews: routes requests
backend/src/app.js - Express API → Face analysis adapter: integrates analysis
- Express API → Commerce data: persists data
README.md - Order processing → Commerce data: reads and writes
backend/src/controllers/order.controller.js - Reviews → Commerce data: reads and writes
backend/src/controllers/review.controller.js - Face analysis adapter → Facial analysis: requests analysis
- Admin portal → Admin and staff API clients: uses API
- Staff portal → Admin and staff API clients: uses API
- Admin and staff API clients → Express API: calls
README.md - Admin portal → Express API: administers
README.md - Staff portal → Express API: supports operations