GithubHelp home page GithubHelp logo

sungod12 / quiz-app Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 537 KB

A Quiz App created as part of "100 days of Code" event going on Codedamn website.

Home Page: https://sungod12.github.io/Quiz-App/

JavaScript 31.95% CSS 6.44% HTML 61.61%
javascript html css

quiz-app's Introduction

Quiz-App

A Quiz App created as part of "100 days of Code" event going on Codedamn website.

Demo -

Quiz App

What does it do?

As the title suggests,it is quiz app where you can check your knowledge on Javascript.

  • It consists of 5 questions and can be modified to include more such questions.
  • It is responsive,so anyone can access it on any device.

Application-flow

  • User clicks on "Start Quiz" button.
  • The user is presented with 4 choices,upon clicking on any choice an alert is displayed showing if he is correct or wrong.
    • If he/she is correct,then next question will appear.
    • If he/she is wrong,ten seconds are deducted and next question won't appear.
  • In case,he/she answers all the questions correctly before the timer reaches 0 or timer reaches 0, the user is presented with end card containing his final score and option to submit his/her name.
  • On entering the initials,and submitting his/her name,it will appear on highscore card.
  • HighScores can be cleared.Also there is option to "Go back" i.e,restart the quiz.
  • Highscores can also be viewed on clicking on "View HighScores" situated on top left corner.

Learnings

  • DOM Manipulation.
  • DRY(Don't repeat yourself).
  • Scopes.

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.