Frontend: - Replace Next.js with Vite + React + TypeScript - Add new component architecture (app-shell, sidebar, dashboard modules) - Implement product modules: FRAME, safety protocols, walkthrough checkin, campus/staff attendance, personality quiz, sign language, classroom timer - Add shadcn/ui component library with Tailwind CSS - Remove legacy generated components, stores, and pages Backend: - Add product migrations: frame_entries, user_progress, safety_quiz_results, walkthrough_checkins, communication_events, personality_quiz_results, campus_attendance_config/summaries, staff_attendance_records, content_catalog - Add corresponding models, services, and routes - Implement cookie-based auth with refresh token rotation - Add content catalog seeder with product content - Migrate to ESLint flat config - Switch from yarn to npm Infrastructure: - Update .gitignore for new tooling - Add project documentation (CLAUDE.md, docs/) - Remove deprecated config files and yarn.lock Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
60 lines
3.5 KiB
Markdown
60 lines
3.5 KiB
Markdown
# Frontend Documentation Index
|
|
|
|
## Start Here
|
|
|
|
- Repository working rules: [`../../AGENTS.md`](../../AGENTS.md)
|
|
- Frontend architecture: [`frontend-architecture.md`](frontend-architecture.md)
|
|
- Frontend architecture review: [`frontend-architecture-review.md`](frontend-architecture-review.md)
|
|
- Remaining frontend issues plan: [`remaining-frontend-issues-fix-plan.md`](remaining-frontend-issues-fix-plan.md)
|
|
- Object router rules: [`object-router.md`](object-router.md)
|
|
- Error handling: [`error-handling.md`](error-handling.md)
|
|
- Test coverage rules: [`test-coverage.md`](test-coverage.md)
|
|
|
|
Read the repository rules first, then use the frontend architecture document as the default development contract for frontend work.
|
|
|
|
## Architecture And Shared Foundations
|
|
|
|
- [`frontend-architecture.md`](frontend-architecture.md): three-layer frontend architecture, import direction, routing, and update rules.
|
|
- [`frontend-architecture-review.md`](frontend-architecture-review.md): latest frontend architecture and implementation quality review.
|
|
- [`remaining-frontend-issues-fix-plan.md`](remaining-frontend-issues-fix-plan.md): phased plan for closing remaining frontend issues.
|
|
- [`object-router.md`](object-router.md): React Router object-route configuration.
|
|
- [`ui-kit.md`](ui-kit.md): shared view-layer primitives and consolidation rules.
|
|
- [`theme.md`](theme.md): centralized theme constants and CSS token ownership.
|
|
- [`static-app-data.md`](static-app-data.md): static app navigation and media configuration.
|
|
- [`shared-app-types.md`](shared-app-types.md): cross-module UI-facing product types.
|
|
- [`test-seeds.md`](test-seeds.md): frontend test seed boundaries.
|
|
- [`test-coverage.md`](test-coverage.md): current unit and smoke test coverage.
|
|
|
|
## Backend Integration
|
|
|
|
- [`auth-integration.md`](auth-integration.md): HttpOnly cookie auth and refresh behavior.
|
|
- [`campus-catalog.md`](campus-catalog.md): backend-owned campus records and branding.
|
|
- [`content-catalog-integration.md`](content-catalog-integration.md): backend-owned editable content catalog.
|
|
|
|
## Shell And Navigation
|
|
|
|
- [`sidebar-integration.md`](sidebar-integration.md): sidebar navigation, role access, and campus branding.
|
|
- [`top-bar-integration.md`](top-bar-integration.md): top bar search, notifications, profile menu, and sign-in modal.
|
|
|
|
## Product Slices
|
|
|
|
- [`campus-attendance-integration.md`](campus-attendance-integration.md)
|
|
- [`classroom-support-integration.md`](classroom-support-integration.md)
|
|
- [`classroom-timer-integration.md`](classroom-timer-integration.md)
|
|
- [`communications-integration.md`](communications-integration.md)
|
|
- [`community-service.md`](community-service.md)
|
|
- [`dashboard-integration.md`](dashboard-integration.md)
|
|
- [`director-dashboard-integration.md`](director-dashboard-integration.md)
|
|
- [`esa-funding-integration.md`](esa-funding-integration.md)
|
|
- [`frame-integration.md`](frame-integration.md)
|
|
- [`personality-catalog.md`](personality-catalog.md)
|
|
- [`personality-integration.md`](personality-integration.md)
|
|
- [`policies-integration.md`](policies-integration.md)
|
|
- [`safety-quiz-integration.md`](safety-quiz-integration.md)
|
|
- [`sign-language-integration.md`](sign-language-integration.md)
|
|
- [`staff-attendance-integration.md`](staff-attendance-integration.md)
|
|
- [`user-progress-integration.md`](user-progress-integration.md)
|
|
- [`vocational-opportunities.md`](vocational-opportunities.md)
|
|
- [`walkthrough-integration.md`](walkthrough-integration.md)
|
|
- [`zones-of-regulation-integration.md`](zones-of-regulation-integration.md)
|