Quiz Overview
Each lesson in Sociales includes an interactive quiz to test your understanding of the material. The quiz system randomly selects questions from a larger pool to ensure a fresh experience every time you attempt it.Quiz States
The quiz progresses through three distinct states:- START - Initial screen before beginning the quiz
- ACTIVE - Answering questions
- RESULTS - Final score and completion screen
How Quizzes Work
Question Randomization
Each quiz randomly selects 5 questions from a larger pool of available questions. This means you’ll see different questions each time you restart the quiz.
- The system shuffles all available questions using the Fisher-Yates algorithm
- Selects the first 5 questions from the shuffled array
- These 5 questions form your quiz session
Randomization happens when:
- You first load the lesson page
- You click “Intentar de Nuevo” after completing a quiz
Taking a Quiz
Start the Quiz
At the end of a lesson, scroll to the quiz section marked with ”🏁 ¡Pon a prueba lo aprendido!”Click the Comenzar Desafío button to begin.
Read the Question
Each question screen displays:
- Progress indicator (“Pregunta X de 5”)
- The question text in large, readable font
- Four multiple choice options labeled A, B, C, D
Select Your Answer
Click on one of the four answer options. Once you select an answer:
- You cannot change your selection
- The correct answer is highlighted in green
- If your answer was incorrect, it’s highlighted in red
- Other options are dimmed
Review Feedback
After selecting an answer, immediate feedback appears:
- Correct: Green box with “¡Correcto! 🎉”
- Incorrect: Red box with “Incorrecto 😔”
Continue to Next Question
Click the button in the feedback box:
- Siguiente Pregunta (for questions 1-4)
- Ver Resultados Finales (for question 5)
Scoring System
How Points Are Calculated
- Each correct answer = 1 point
- Each incorrect answer = 0 points
- Maximum possible score = 5 points
- Minimum possible score = 0 points
Score Display
The results screen shows:- Large numerical score (your points)
- Total possible points (“DE 5 PUNTOS”)
- Celebratory emoji (🎉)
- Encouraging message: “¡Increíble Trabajo! Has completado el desafío con éxito.”
Quiz Interface Details
Question Screen Elements
Progress Tracking- Top left: Current question number (e.g., “Pregunta 1 de 5”)
- Top right: “Social Studies Quiz” label
- Four buttons arranged vertically
- Each labeled with a letter (A, B, C, D)
- Clean, readable design with ample padding
- Before selection: All options have a subtle background
- After selection:
- Correct answer: Green background (var(—primary))
- Your incorrect answer: Red background (#e74c3c)
- Other options: Dimmed appearance
Results Screen
The completion screen displays:- Celebration emoji (🎉)
- Congratulatory heading: “¡Increíble Trabajo!”
- Completion message
- Your score in a prominent display box
- Intentar de Nuevo button to restart with new questions
Retaking Quizzes
New Questions Generated
The system:
- Reshuffles all available questions
- Selects a new set of 5 random questions
- Resets your score to 0
- Returns to the START state
Because questions are randomized, you can practice multiple times with the same lesson and see different questions each time, reinforcing your learning through varied practice.
Tips for Success
- Read Carefully: Question text is displayed in large font for easy reading - take your time
- Think Before Clicking: You cannot change your answer once selected
- Learn from Mistakes: The system shows the correct answer immediately, helping you learn
- Practice Multiple Times: Each retry gives you new questions from the pool
- Review Lesson Content: If you score low, scroll back up to review the lesson before retrying
Technical Details
The quiz component maintains its state throughout your session:
- Current question index
- Score
- Selected answers
- Feedback state