Quiz Platform Guide
Brampton Flight Centre — Interactive Classroom Quizzes
Select Instructor role
Pick Instructor on the role selection screen.
Choose a quiz category & question count
Select from PPL modules, ROC-A, or “All Questions (Random Mix)”. Set the number of questions (1–50).
Start the quiz
A unique session code is generated (e.g. A3K2X). Share it with students or open the Dashboard to project a QR code.
Advance questions
Click Next Question to broadcast each question. The student sidebar shows who has answered in real time.
Show Statistics
Locks student answers and displays how many picked each option. Useful for class discussion before revealing the answer.
Reveal Answer
Shows the correct option highlighted in green with an explanation (if available). Students see their result colour-coded.
Leaderboard
After the last question, a ranked leaderboard appears with scores and percentages.
Select Student role
Pick Student on the role screen — or scan the QR code from the Dashboard to join directly.
Enter your name & session code
Type the code the instructor gave you and tap Connect.
Answer questions
Tap an option to submit. Your choice turns blue. Once the instructor locks answers, you cannot change your selection.
See results
After reveal, correct answers are green and incorrect are red. At the end, you get a full score breakdown with explanations.
The Dashboard is a full-screen, display-only view designed to be projected in the classroom. It opens automatically when the instructor clicks Open Dashboard.
Over 180 questions across aviation ground school topics. Select a specific module or mix them all.
Each correct answer is worth 1 point. At the end of the quiz, students receive a percentage score and grade.
The Quiz Platform is built on a design system following Tailwind CSS methodology. Rather than writing bespoke stylesheets from scratch, the UI is composed from a consistent set of design tokens — spacing, colour, typography, and shadow scales — that map directly to Tailwind's utility-first conventions.
Mobile-first responsive layout
Every screen is designed mobile-first: the base styles target phones, and breakpoints progressively enhance the layout for tablets and desktops. Grids collapse from multi-column to single-column automatically, touch targets are sized for fingers, and font scales stay readable across all viewports — no separate “mobile version” required.