How kurziokode/kurziokode.github.io works
FitClass is a physical-education class management app for teachers. Teachers navigate a dashboard, manage students and activities, review reports, and use classroom tools; app-level state is persisted in browser storage. AI supports activity ideas, reports, chat, and speech, while tools include a timer, team generator, and music playlist. Edges reflect calls and imports shown in excerpts or the source index; unsampled implementation details are left out.
Main entry points: App.tsx App Router · ActivitiesView.tsx Activity Management · ClassesView.tsx Class Management · ReportsView.tsx Reports and Exports
Components 21
App Shell
- App Router
fitclass-–-physical-education-smart-manager/App.tsx - Navigation
fitclass-–-physical-education-smart-manager/components/layout/Sidebar.tsx - Page Header
fitclass-–-physical-education-smart-manager/components/layout/Header.tsx - Local Storage Hook
fitclass-–-physical-education-smart-manager/hooks/useLocalStorage.ts - Button
fitclass-–-physical-education-smart-manager/components/ui/Button.tsx - Card
fitclass-–-physical-education-smart-manager/components/ui/Card.tsx - Icon
fitclass-–-physical-education-smart-manager/components/ui/Icon.tsx - Modal
fitclass-–-physical-education-smart-manager/components/ui/Modal.tsx - Spinner
fitclass-–-physical-education-smart-manager/components/ui/Spinner.tsx
Class Records
- Dashboard
fitclass-–-physical-education-smart-manager/components/views/DashboardView.tsx - Class Management
fitclass-–-physical-education-smart-manager/components/views/ClassesView.tsx - Activity Management
fitclass-–-physical-education-smart-manager/components/views/ActivitiesView.tsx - Shared Helpers
fitclass-–-physical-education-smart-manager/utils/helpers.ts
Insights and AI
- Reports and Exports
fitclass-–-physical-education-smart-manager/components/views/ReportsView.tsx - Gemini Service
fitclass-–-physical-education-smart-manager/services/geminiService.ts - AI Chatbot
fitclass-–-physical-education-smart-manager/components/Chatbot.tsx
Classroom Tools
- Classroom Tools
fitclass-–-physical-education-smart-manager/components/views/ToolsView.tsx - Audio Utilities
fitclass-–-physical-education-smart-manager/utils/audioUtils.ts
Other components
- Teacher
- Browser Storage
- Google Gemini
Connections 41
- Teacher → App Router: uses
- App Router → Navigation: renders
fitclass-–-physical-education-smart-manager/App.tsx - App Router → Page Header: renders
fitclass-–-physical-education-smart-manager/App.tsx - App Router → Dashboard: routes to
fitclass-–-physical-education-smart-manager/App.tsx - App Router → Class Management: routes to
fitclass-–-physical-education-smart-manager/App.tsx - App Router → Activity Management: routes to
fitclass-–-physical-education-smart-manager/App.tsx - App Router → Reports and Exports: routes to
fitclass-–-physical-education-smart-manager/App.tsx - App Router → Classroom Tools: routes to
fitclass-–-physical-education-smart-manager/App.tsx - App Router → AI Chatbot: renders
fitclass-–-physical-education-smart-manager/App.tsx - App Router → Local Storage Hook: loads and saves
fitclass-–-physical-education-smart-manager/App.tsx - Local Storage Hook → Browser Storage: reads and writes
fitclass-–-physical-education-smart-manager/hooks/useLocalStorage.ts - Activity Management → Gemini Service: requests ideas
fitclass-–-physical-education-smart-manager/components/views/ActivitiesView.tsx - Activity Management → Gemini Service: requests speech
fitclass-–-physical-education-smart-manager/components/views/ActivitiesView.tsx - Activity Management → Audio Utilities: decodes audio
fitclass-–-physical-education-smart-manager/components/views/ActivitiesView.tsx - Reports and Exports → Gemini Service: requests report
fitclass-–-physical-education-smart-manager/components/views/ReportsView.tsx - AI Chatbot → Gemini Service: creates chat
fitclass-–-physical-education-smart-manager/components/Chatbot.tsx - Gemini Service → Google Gemini: calls API
fitclass-–-physical-education-smart-manager/services/geminiService.ts - Class Management → Shared Helpers: generates IDs
fitclass-–-physical-education-smart-manager/components/views/ClassesView.tsx - Reports and Exports → Shared Helpers: exports CSV
fitclass-–-physical-education-smart-manager/components/views/ReportsView.tsx - Classroom Tools → Shared Helpers: generates IDs
fitclass-–-physical-education-smart-manager/components/views/ToolsView.tsx - Classroom Tools → Teacher: embeds music
- Navigation → Icon: renders
fitclass-–-physical-education-smart-manager/components/layout/Sidebar.tsx - AI Chatbot → Button: uses
fitclass-–-physical-education-smart-manager/components/Chatbot.tsx - AI Chatbot → Icon: uses
fitclass-–-physical-education-smart-manager/components/Chatbot.tsx - AI Chatbot → Spinner: uses
fitclass-–-physical-education-smart-manager/components/Chatbot.tsx - Activity Management → Button: uses
fitclass-–-physical-education-smart-manager/components/views/ActivitiesView.tsx - Activity Management → Card: uses
fitclass-–-physical-education-smart-manager/components/views/ActivitiesView.tsx - Activity Management → Icon: uses
fitclass-–-physical-education-smart-manager/components/views/ActivitiesView.tsx - Activity Management → Spinner: uses
fitclass-–-physical-education-smart-manager/components/views/ActivitiesView.tsx - Class Management → Button: uses
fitclass-–-physical-education-smart-manager/components/views/ClassesView.tsx - Class Management → Card: uses
fitclass-–-physical-education-smart-manager/components/views/ClassesView.tsx - Class Management → Icon: uses
fitclass-–-physical-education-smart-manager/components/views/ClassesView.tsx - Class Management → Modal: uses
fitclass-–-physical-education-smart-manager/components/views/ClassesView.tsx - Dashboard → Card: uses
fitclass-–-physical-education-smart-manager/components/views/DashboardView.tsx - Dashboard → Icon: uses
fitclass-–-physical-education-smart-manager/components/views/DashboardView.tsx - Reports and Exports → Button: uses
fitclass-–-physical-education-smart-manager/components/views/ReportsView.tsx - Reports and Exports → Card: uses
fitclass-–-physical-education-smart-manager/components/views/ReportsView.tsx - Reports and Exports → Spinner: uses
fitclass-–-physical-education-smart-manager/components/views/ReportsView.tsx - Classroom Tools → Button: uses
fitclass-–-physical-education-smart-manager/components/views/ToolsView.tsx - Classroom Tools → Card: uses
fitclass-–-physical-education-smart-manager/components/views/ToolsView.tsx - Classroom Tools → Icon: uses
fitclass-–-physical-education-smart-manager/components/views/ToolsView.tsx