
🎮 Governance Navigator: Singapore Quiz Game
Governance Navigator: Singapore is a lightweight, interactive web-based quiz game designed to help learners explore and understand the three branches of government in Singapore: the Legislature, Executive, and Judiciary. Ideal for Civics and Citizenship education, this game introduces each branch through engaging content and wraps up with a final review quiz.
Governance_Navigator_20250604v2.zip Governance_Navigator__Singapore_20250604/ |
🌟 Key Features
🏠 Main Menu Screen
-
Title: "Singapore's Branches of Government and Their Functions"
-
Navigation Buttons:
-
"Legislature"
-
"Executive"
-
"Judiciary"
-
"Final Review Quiz"
-
Each button leads to an interactive screen specific to the selected branch or quiz.
🏛️ Branch Exploration Screens
Each branch includes:
-
Branch Name Displayed Prominently
-
Infographic-style Panels showing:
-
Composition
-
Primary Functions
-
Sample Content:
-
Legislature
-
Composition: President, Parliament
-
Function: Makes and passes laws
-
-
Executive
-
Composition: President, Cabinet (led by Prime Minister)
-
Function: Enforces laws, manages policies and daily governance
-
-
Judiciary
-
Composition: Supreme Court, State Courts, Family Justice Courts
-
Function: Interprets and applies the law, resolves disputes
-
Interaction Flow:
-
After reading, users answer:
-
A composition-based multiple-choice question
-
A scenario-based question on function
-
-
Immediate feedback is provided (Correct / Try again!)
-
A “Next” button advances the user through each section
📝 Final Review Quiz
-
Covers all three branches
-
Includes:
-
Function-matching questions (e.g., "Makes laws → ?")
-
Conceptual questions (e.g., “Do the branches have unlimited power?”)
-
-
Features:
-
Immediate feedback per question
-
Score displayed at the end
-
Navigation: "Next Question" and "Back to Menu"
-
💻 Technical Overview
The project uses:
-
HTML – for the structure
-
CSS – for styling and layout
-
JavaScript – for interactivity and quiz logic
UI Considerations:
-
Clean, user-friendly layout
-
Responsive design (mobile-friendly)
-
No top title bar (maximize vertical space)
-
Clearly styled buttons:
-
Blue for “Submit Answer”
-
Green for “Next Phase”
-
📁 Project Files
-
index.html
– Main layout and screens -
styles.css
– All styling rules -
script.js
– Game logic and event handling
About
[SIMU_DESC]
Sample Learning Goals
[text]
For Teachers
[SIMU_TEACHER]
Software Requirements
[SIMU_SWREQ]
Translation
[text]
Research
[text]
Video
[text]
Credits
[SIMU_CREDITS]
Version:
[text]
Other Resources
[text]