How colorrectalai/colorrectalai-proyect works
ColorrectalAI is an academic Vue application for exploring experimental colonoscopy-image interpretations. Visitors can view the public landing page or use demo login/registration, then reach a dashboard and select images for a simulated analysis and results review. Results can lead to visual comparison; interpretations are also represented in history and detail screens. There is no clinical model, backend authentication, or actual upload service. The route map and sampled files support the screen flow; unsampled view behavior is not inferred.
Main entry points: index.js Route map · HomeView.vue Public home · HistoryView.vue Interpretation history · DetailView.vue Interpretation detail
Components 19
Application shell
- Vue bootstrap
src/main.js - App shell
src/App.vue - Route map
src/router/index.js - Main navigation
src/components/MainNav.vue - Brand logo
src/components/BrandLogo.vue - Page heading
src/components/PageHead.vue
Public and access
- Public home
src/views/HomeView.vue - Demo login
src/views/LoginView.vue - Registration
src/views/RegisterView.vue - Auth layout
src/components/AuthLayout.vue
Interpretation workflow
- Dashboard
src/views/DashboardView.vue - Image selection
src/views/UploadView.vue - Analysis interstitial
src/views/LoadingView.vue - Interpretation results
src/views/ResultsView.vue - Image comparison
src/views/CompareView.vue
History and review
- Interpretation history
src/views/HistoryView.vue - History table
src/components/HistoryTable.vue - Interpretation detail
src/views/DetailView.vue
Other components
- Visitor
Connections 31
- Visitor → Public home: opens
README.md - Vue bootstrap → App shell: mounts
src/main.js - Vue bootstrap → Route map: installs
src/main.js - App shell → Route map: renders routes
src/App.vue - App shell → Main navigation: renders
src/App.vue - Route map → Public home: routes to
src/router/index.js - Route map → Dashboard: routes to
src/router/index.js - Route map → Demo login: routes to
src/router/index.js - Route map → Registration: routes to
src/router/index.js - Route map → Image selection: routes to
src/router/index.js - Route map → Analysis interstitial: routes to
src/router/index.js - Route map → Interpretation results: routes to
src/router/index.js - Route map → Image comparison: routes to
src/router/index.js - Route map → Interpretation history: routes to
src/router/index.js - Route map → Interpretation detail: routes to
src/router/index.js - Main navigation → Brand logo: renders
src/components/MainNav.vue - Public home → Brand logo: renders
src/views/HomeView.vue - Demo login → Auth layout: uses
src/views/LoginView.vue - Registration → Auth layout: uses
src/views/RegisterView.vue - Analysis interstitial → Brand logo: renders
src/views/LoadingView.vue - Public home → Registration: links to
src/views/HomeView.vue - Public home → Demo login: links to
src/views/HomeView.vue - Dashboard → Page heading: uses
src/views/DashboardView.vue - Dashboard → History table: renders
src/views/DashboardView.vue - Image selection → Analysis interstitial: continues to
src/views/UploadView.vue - Interpretation results → Image comparison: continues to
README.md - Interpretation history → Page heading: uses
src/views/HistoryView.vue - Interpretation history → History table: renders
src/views/HistoryView.vue - History table → Interpretation detail: links to
src/components/HistoryTable.vue - Interpretation detail → Page heading: uses
src/views/DetailView.vue - Interpretation history → Interpretation detail: opens case
README.md