Coder Social home page Coder Social logo

tchestnut85 / coding-quiz Goto Github PK

View Code? Open in Web Editor NEW
0.0 0.0 0.0 98 KB

A simple quiz app made with JavaScript using local storage to save user's names and scores. Score is based on the timer function and if a question is answered incorrectly, 20 seconds are deducted from the timer.

Home Page: https://tchestnut85.github.io/coding-quiz/

JavaScript 50.08% HTML 21.87% CSS 28.05%
bulma css javascript localstorage quiz

coding-quiz's People

Contributors

tchestnut85 avatar

Watchers

 avatar

coding-quiz's Issues

Track and Display Names/Scores

Right now the score is based off of the remaining time left on the timer.
Want to change this to be based on points for each question asked.

  • Add points for each question asked
  • Save points in local storage
  • Display names and points of users
  • Add content to the "view high scores" page to also display names and points

Modals

  • Add a modal when name is submitted instead of an alert

Code Refactor

  • Update to ES6 syntax
  • Modularize js files - seperate js file for questions array

Correct/Wrong Answer response

Currently there is a text element appended to displayed correct or wrong answers

Change this to:

  • Sound to indicate correct or wrong answer
  • Background color change with a timeout to change back to original background color

Change Quiz Topic and Scoring System

  • Change the questions and answers of the quiz to a different topic
  • Add more questions - around 15 total
  • Change scoring to points or percentage of correct answers instead of based on the timer value
  • Change background image and add icons to reflect the new quiz theme

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.