Skip to content

Lightweight Quiz App in Vanilla JS | Keyboard-Friendly, Score Tracking & Seed Replay | Accessibility-Focused Learning Project

License

Notifications You must be signed in to change notification settings

shotaro-dev/quiz-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

19 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Quiz App (Vanilla JS)

Live Demo

A small, accessible quiz application implemented in plain (vanilla) JavaScript. It is intended as a learning example or a lightweight prototype. The app focuses on being simple, keyboard-friendly, and accessible.

How this project was built

  • Learning project
  • Initial skeleton generated with GitHub Copilot
  • The rest was vibe-driven development with heavy AI assistance
  • Every line was reviewed, tested, and either kept with confidence or rewritten/deleted by me
    → The final code contains only what I'm confident in and take responsibility for

Features

  • Lightweight client-side implementation
  • You can provide a seed to reproduce the same question order using the seed input field.
  • Keyboard-first interactions
  • Supports Tab, Enter, Space, and arrow keys so the quiz can be fully operated from the keyboard.
  • Score and high score
    • The results screen shows the current score.
    • High scores (best correct answers) are saved to localStorage using the key quiz_highscore_v1 and displayed on the results screen.
  • Responsive, modern UI
    • Simple card-based UI with responsive layout for mobile and desktop.

Made with ❤️ by @shotaro-devMIT Licensed

About

Lightweight Quiz App in Vanilla JS | Keyboard-Friendly, Score Tracking & Seed Replay | Accessibility-Focused Learning Project

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published