Dmitri d4a5378adf Refactor: migrate frontend to Vite/React, add product backend modules

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>

2026-06-09 15:18:23 +02:00

3.5 KiB

Raw Blame History

Frontend Documentation Index

Start Here

Repository working rules: ../../AGENTS.md
Frontend architecture: frontend-architecture.md
Frontend architecture review: frontend-architecture-review.md
Remaining frontend issues plan: remaining-frontend-issues-fix-plan.md
Object router rules: object-router.md
Error handling: error-handling.md
Test coverage rules: 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: three-layer frontend architecture, import direction, routing, and update rules.
frontend-architecture-review.md: latest frontend architecture and implementation quality review.
remaining-frontend-issues-fix-plan.md: phased plan for closing remaining frontend issues.
object-router.md: React Router object-route configuration.
ui-kit.md: shared view-layer primitives and consolidation rules.
theme.md: centralized theme constants and CSS token ownership.
static-app-data.md: static app navigation and media configuration.
shared-app-types.md: cross-module UI-facing product types.
test-seeds.md: frontend test seed boundaries.
test-coverage.md: current unit and smoke test coverage.

Backend Integration

auth-integration.md: HttpOnly cookie auth and refresh behavior.
campus-catalog.md: backend-owned campus records and branding.
content-catalog-integration.md: backend-owned editable content catalog.

sidebar-integration.md: sidebar navigation, role access, and campus branding.
top-bar-integration.md: top bar search, notifications, profile menu, and sign-in modal.

3.5 KiB

Raw Blame History

Frontend Documentation Index

Start Here

Architecture And Shared Foundations

Backend Integration

Shell And Navigation

Product Slices

3.5 KiB Raw Blame History

Frontend Documentation Index

Start Here

Architecture And Shared Foundations

Backend Integration

Shell And Navigation

Product Slices

3.5 KiB

Raw Blame History