How auraluvsu/alc works
Aurora’s Learning Centre is a browser-based school for programming: learners choose a subject, read structured lessons with code comparisons and checkpoints, take module quizzes, and track progress locally. The shared course shell presents course content and reference pages; course-specific data supplies lessons, dictionaries, standard-library guides, and comparison notes. The README also documents Design notes and the Data → Machine Learning → Deep Learning sequence. The graph follows shown imports and calls; unsampled course-data wiring is represented only where documented.
Main entry points: CourseShell.tsx Course shell · Blocks.tsx Lesson renderer · App.tsx App routing · Home.tsx Course homepage
Components 20
Application
- App routing
src/App.tsx - Client router
src/router.tsx - Course homepage
src/home/Home.tsx
Course experience
- Course shell
src/tour/CourseShell.tsx - Lesson renderer
src/components/Blocks.tsx - Text highlighter
src/components/highlight.tsx - Language comparisons
src/components/Bridge.tsx - Module quizzes
src/components/Quiz.tsx - Answer shuffling
src/components/shuffle.ts - Reference pages
src/tour/Standard.tsx - Design notes
src/tour/DesignPage.tsx
Course material
- Course catalogue
src/courses/index.ts - Course configuration
src/course.ts - Lesson content
src/content - Content model
src/content/types.ts - Course dictionaries
src/content - Standard guides
src/content/standard.ts - Site catalogue data
src/site.ts
Reader state
- Progress storage
src/progress.ts
Other components
- Learner
Connections 27
- Learner → Client router: navigates
src/router.tsx - Client router → App routing: provides path
src/App.tsx - App routing → Course catalogue: selects course
src/App.tsx - App routing → Course homepage: renders home
src/App.tsx - App routing → Course shell: renders course
src/App.tsx - Course homepage → Course catalogue: reads courses
src/home/Home.tsx - Course homepage → Progress storage: reads progress
src/home/Home.tsx - Course catalogue → Course configuration: uses course type
src/courses/index.ts - Course shell → Lesson renderer: renders lessons
src/tour/CourseShell.tsx - Course shell → Language comparisons: renders comparisons
src/tour/CourseShell.tsx - Course shell → Module quizzes: renders quizzes
src/tour/CourseShell.tsx - Course shell → Lesson content: displays course material
README.md - Lesson renderer → Content model: renders block types
src/components/Blocks.tsx - Lesson renderer → Text highlighter: formats inline text
src/components/Blocks.tsx - Lesson renderer → Language comparisons: renders language chips
src/components/Blocks.tsx - Lesson renderer → Answer shuffling: shuffles options
src/components/Blocks.tsx - Module quizzes → Answer shuffling: shuffles answers
src/components/Quiz.tsx - Module quizzes → Lesson renderer: renders answers
src/components/Quiz.tsx - Module quizzes → Progress storage: records completion
src/components/Quiz.tsx - Course shell → Progress storage: reads progress
src/tour/CourseShell.tsx - Course shell → Reference pages: shows reference
src/tour/CourseShell.tsx - Course shell → Design notes: shows design page
src/tour/CourseShell.tsx - Reference pages → Standard guides: renders guide
src/tour/Standard.tsx - Reference pages → Course dictionaries: offers dictionary
README.md - Course homepage → Site catalogue data: lists subjects
src/home/Home.tsx - Course configuration → Course dictionaries: configures dictionary
README.md - Course configuration → Standard guides: configures guide
README.md