Giter VIP home page Giter VIP logo

house-of-gryffindor's People

Contributors

joneskj55 avatar watsonm19 avatar

Stargazers

 avatar

Watchers

 avatar  avatar

house-of-gryffindor's Issues

Submit 3 Questions

Each person: Submit 3 JS questions. Multiple choice, 4 answers per question. Submit your questions here, OR add them directly to the questions array in the JS file replacing the existing dummy questions.

Display chosen answers

Task

  1. Get the chosen incorrect answers from the userSelection observable array.
  2. Display the questions that the user got wrong.
  3. Show the answer that they chose.
  4. Show the correct answer.

Side note

This may be changed in v2 to display the entire quiz with the answers the user chose along with the correct ones.

Evenly stack answers

Issue/ Task

Radio buttons are not in a straight line. Need to do some styling in order to stack radio buttons evenly.

Clean up quiz for desktop

Task

Line up questions and answers more evenly for desktop. Maybe text-align: left with some margin. Just need to make it look cleaner.

Fix image for mobile

Issue

Image overflows on mobile devices. Might just need overflow: hidden added to css.

Attribution

Make sure to add code attribution to all applicable files.

Display quiz results

Task

  1. Get user answers from the userSelections observable array.
  2. Display their rank and score in the summary div on submit.

Confetti

Task

If the user gets expert level, rain Gryffindor colored confetti on the screen.

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.