Skip to content

nmatei/simple-quiz-app

Repository files navigation

JS/HTML/CSS Quiz

A collection if questions to help you understand basic web concepts (mostly javascript).

🎞 Apps (Domains)

📚 Useful Resources

‍💻 My course on Udemy

📖 Read

🎥 Conferences

💠 Features

  • Welcome screen (enter or select name) + remember me
  • Remember selected options for each name
  • Show random tests with different levels
  • Choose levels
  • Choose domain
  • After finish Test show info notes
  • Add time limit
  • Store answers in local storage in case of reload
  • Theme switch
  • Allow answers as text & number in combination with radio & checkbox
  • (bug) Reset after change level

👨‍🏫 Trainer Notes

📃 Generate a test with required questions

  • Open test and right click / ✅ Select questions by ID's
  • Select specific ID's then press Copy ID's (bottom of the list)
  • right click / ✅ Generate Test Link
  • Paste the ID's from clipboard into browser prompt (CTRL + V)
  • Copy current link and share it

🔠 Extra params

  • test = 1 - to generate a theoretical or practical test (uses in prev chapter)
  • type = used to store the type of test (eg. theoretical or practical)
  • shuffle = none | all | questions | answers | both | 0 | a | q - to shuffle questions or answers
  • limit = 10 | 100 | 1000 | 10000 - to limit the number of questions
  • correct = 1 | true | 0 | false - to show correct answers
  • add = true | false - to add questions to the list
  • index = id - to show question id
  • header = html - to show a custom header

📋 Dev Notes

▶ Start & Build

npm i
npm start

Production build:

npm run build
# or
npm run deploy

How to add new questions

TODOs

  • try webworkers to store entire content when you don't have internet

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published