Skip to main content

Interactive Quiz for SPL's Internal Event

2025-10-07
Web DevelopmentInteractive Experience

Developed an interactive quiz experience for a Saudi Post Logistics (SPL) internal event. The quiz was centered around a physical "vault" with 200 locked boxes, each associated with a unique barcode that triggered a question when scanned.

JavaScriptHTMLCSSJSONGitHub

Features & Functionality

Barcode Scanning

Users could scan a barcode on each box to trigger a unique question.

Question and Answer Logic

The system displayed the question and provided multiple-choice options.

Answer Validation

The user's selected answer was validated in real-time.

Feedback Mechanism

If correct, the user received a congratulatory message and the three-digit code to unlock the corresponding box. If incorrect, the user received a "try again" message (later modified to one attempt per question).

Technical Details

Tools

  • Git
  • HTML
  • CSS
  • JavaScript

Design

Aesthetic

Clean, intuitive, and engaging, featuring SPL's branding.

Color Palette

Typography

  • SPLFont
  • Cairo
  • Arial

Responsiveness

The application is responsive and functions seamlessly across various devices.

Challenges & Solutions

Challenge: Rapid Development Timeline: The project required completion within a tight deadline to align with the scheduled SPL event.

Solution: Agile Development Methodology: I utilized efficient development practices, including rapid prototyping and iterative development, along with close communication with the client to ensure timely delivery and meet project requirements.

Ready to start your own project?

Start Your Project Now