How optic-scan/optic-scan-fe works
IntelliSight is a web frontend for patient and healthcare-provider eye-health workflows. Visitors can explore product information, register or log in, and enter protected dashboard areas for scans, results, and profile management. The sampled results and profile pages make authenticated API requests; the scan page’s implementation is not shown, so its backend interaction is left unverified. The repository excerpts show frontend behavior only, not the backend or the underlying eye-analysis process.
Main entry points: App.jsx Route dispatcher · HomePage.jsx Home page · DashboardProfilePage.jsx Profile management · DashboardResultsPage.jsx Examination results
Components 22
App and navigation
- Route dispatcher
src/App.jsx - Route guards
src/components/middleware - Site navigation
src/components/navbar-components/Navbar.jsx
Public information
- Home page
src/pages/landing-page/HomePage.jsx - About page
src/pages/landing-page/AboutUsPage.jsx - How it works
src/pages/landing-page/HowItWorksPage.jsx - Landing sections
src/components/landing-page-components - About section
src/components/about-us-components/AboutUsSection.jsx - Site footer
src/components/footer-components/Footer.jsx
Account access
- Login page
src/pages/auth-page/LoginPage.jsx - Registration page
src/pages/auth-page/RegisterPage.jsx - Auth fields and tabs
src/components/auth-components/Tabs.jsx
Health dashboard
- Dashboard home
src/pages/dashboard/DashboardHomePage.jsx - Eye scan
src/pages/dashboard/DashboardScanEyePage.jsx - Examination results
src/pages/dashboard/DashboardResultsPage.jsx - Profile management
src/pages/dashboard/DashboardProfilePage.jsx - Dashboard sidebar
src/components/dashboard-components/Sidebar.jsx - Dashboard forms
src/components/dashboard-components/Form.jsx
Other components
- Visitor or user
- IntelliSight API
- Shared UI primitives
src/components - Authenticated requests
lib/utils.js
Connections 34
- Visitor or user → Route dispatcher: opens routes
src/App.jsx - Route dispatcher → Home page: routes to
src/App.jsx - Route dispatcher → About page: routes to
src/App.jsx - Route dispatcher → How it works: routes to
src/App.jsx - Route dispatcher → Login page: routes to
src/App.jsx - Route dispatcher → Registration page: routes to
src/App.jsx - Route dispatcher → Route guards: wraps routes
src/App.jsx - Route dispatcher → Dashboard home: routes to
src/App.jsx - Route dispatcher → Eye scan: routes to
src/App.jsx - Route dispatcher → Examination results: routes to
src/App.jsx - Route dispatcher → Profile management: routes to
src/App.jsx - Home page → Landing sections: renders sections
src/pages/landing-page/HomePage.jsx - Home page → About section: renders section
src/pages/landing-page/HomePage.jsx - Home page → Site navigation: renders navigation
src/pages/landing-page/HomePage.jsx - Home page → Site footer: renders footer
src/pages/landing-page/HomePage.jsx - About page → Site navigation: renders navigation
src/pages/landing-page/AboutUsPage.jsx - About page → Site footer: renders footer
src/pages/landing-page/AboutUsPage.jsx - How it works → Site navigation: renders navigation
src/pages/landing-page/HowItWorksPage.jsx - How it works → Site footer: renders footer
src/pages/landing-page/HowItWorksPage.jsx - Registration page → Auth fields and tabs: renders tabs
src/pages/auth-page/RegisterPage.jsx - Registration page → IntelliSight API: submits account data
- Login page → Auth fields and tabs: uses shared fields
src/pages/auth-page/LoginPage.jsx - Dashboard home → Dashboard sidebar: renders sidebar
src/pages/dashboard/DashboardHomePage.jsx - Eye scan → Dashboard sidebar: renders sidebar
src/pages/dashboard/DashboardScanEyePage.jsx - Examination results → Dashboard sidebar: renders sidebar
src/pages/dashboard/DashboardResultsPage.jsx - Profile management → Dashboard sidebar: renders sidebar
src/pages/dashboard/DashboardProfilePage.jsx - Profile management → Dashboard forms: renders forms
src/pages/dashboard/DashboardProfilePage.jsx - Profile management → Authenticated requests: requests profile updates
src/pages/dashboard/DashboardProfilePage.jsx - Examination results → Authenticated requests: requests exam data
src/pages/dashboard/DashboardResultsPage.jsx - Authenticated requests → IntelliSight API: sends authenticated requests
lib/utils.js - Eye scan → IntelliSight API: scan processing
- Dashboard home → Shared UI primitives: uses shared UI
src/pages/dashboard/DashboardHomePage.jsx - Examination results → Shared UI primitives: uses dialogs and controls
src/pages/dashboard/DashboardResultsPage.jsx - Profile management → Shared UI primitives: uses dialogs and controls
src/pages/dashboard/DashboardProfilePage.jsx