How 6xas/scope-react-ts-blitz works
Scope is a Portuguese-language institutional project and work management prototype. The user enters through the routed React application and uses the home dashboard to review recent activity and navigate into projects, tasks, linked assignments, and task/project Kanban boards. The sampled pages use shared in-memory mock data; no backend or persistent store is evidenced. Agenda and chat appear as workspace panels, but the excerpts do not establish external service integrations. Several page excerpts are partial, so uncertain interactions are not mapped.
Main entry points: App.tsx Page routes · Assignments.tsx Linked assignments · AppShell.tsx Workspace shell · Projects.tsx Project overview
Components 17
Application shell
- Browser router
src/main.tsx - Page routes
src/App.tsx - Workspace shell
src/components/AppShell.tsx - Agenda and chat
src/components/FloatingWorkspaceTools.tsx
Work management
- Activity dashboard
src/pages/Home.tsx - Project overview
src/pages/Projects.tsx - Task management
src/pages/Tasks.tsx - Linked assignments
src/pages/Assignments.tsx - Kanban board
src/pages/Kanban.tsx
Shared data
- Mock work records
src/data/mock.ts - Page tabs
src/components/PageTabs.tsx - Status display
src/components/StatusPill.tsx
Other components
- Workspace user
- SEI source
- GLPI source
- External project links
- Hero image asset
Connections 28
- Workspace user → Browser router: opens app
- Browser router → Page routes: renders
- Page routes → Workspace shell: wraps pages
- Page routes → Activity dashboard: routes to
- Page routes → Project overview: routes to
- Page routes → Task management: routes to
- Page routes → Linked assignments: routes to
- Page routes → Kanban board: routes to
- Workspace shell → Agenda and chat: renders
- Workspace shell → Activity dashboard: hosts page
- Workspace shell → Project overview: hosts page
- Workspace shell → Task management: hosts page
- Workspace shell → Linked assignments: hosts page
- Activity dashboard → Mock work records: reads records
- Project overview → Mock work records: reads records
- Task management → Mock work records: reads records
- Linked assignments → Mock work records: reads records
- Project overview → Page tabs: renders
- Task management → Page tabs: renders
- Linked assignments → Page tabs: renders
- Activity dashboard → Status display: renders
- Project overview → Status display: renders
- Task management → Status display: renders
- Linked assignments → Status display: renders
- Linked assignments → SEI source: links to
- Linked assignments → GLPI source: links to
- Project overview → External project links: links to
- Activity dashboard → Hero image asset: fetches image