Giter VIP home page Giter VIP logo

music-quiz-1's Introduction

PROJECT 2 Music Quiz

Music Quiz is a simple multiple choice answers music theory quiz with images. It's aim is to test the user's knowledge of music theory.

Am I Responsive

This is the live site: music-quiz>

Features

A relevant header image, underneath this is a list of 10 questions with images displayed pertaining to each question together with four multiple choice answer options from which the user selects one answer. A submit button for the user to submit his answers when quiz completed and alert messages telling the user their score and how well they did depending on how many questions they answered correctly.

Technologies Used



## **Future Improvements**
  • Various levels of difficulty could be included.


## **Content** Images from Clipart Library [http://clipart-library.com/]

Testing

The site contains 10 multiple choice answer questions. The user has the option of selecting one answer from a selection of four. The score is calculated after submit button has been clicked. The user has the option of restarting the quiz after answering some questions. The site has been tested on different devices and it works well.

Device Testing

Device Testing

Device Testing

Device Testing

Validator Testing

Lighthouse - The quiz was tested for performance using Lighthouse.


Lighthouse Performance

W3C HTML Validator - HTML code was tested and returned no errors.

W3C HTML Validator Test

W3C CSS Validator - CSS code was tested and returned no errors.

W3C CSS Validator Test

JS Hint Validator - Javascript code was tested and returned no errors.

JSHintValidatorTest

Image Compression

Tinypng - Images were compressed with Tinypng.

TinyPng

Deployment

The site was deployed to GitHub pages. The steps to deploy are as follows:

  • In the GitHub respository, click on the "settings" tab.
  • From the Source Section drop-down menu, select the Main branch.
  • Once the Main branch has been selected, the page will be refreshed with a detailed ribbon display indicating that the project was successfully deployed.


Credits

  • YouTube tutorials
  • Clipart Library
  • Tinypng


Acknowledgements

  • My Course Facilitator for his helpful advice, guidance and encouragement.
  • My mentor for his help and feedback.
  • Tutor Support at Code Institute.

music-quiz-1's People

Contributors

caitriona71 avatar

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.