Coder Social home page Coder Social logo

saminyasar004 / trivia-app Goto Github PK

View Code? Open in Web Editor NEW
4.0 1.0 4.0 2.09 MB

This Trivia App will generate some questions about a bunch of random topic from Open Trivia DB. You can submit your answer and get the result!

Home Page: https://triviaapp.vercel.app/

CSS 28.47% HTML 22.90% JavaScript 48.63%
html5 css3 vanilla-javascript javascript js trivia trivia-game open-trivia-database quiz quiz-app

trivia-app's Introduction

Trivia App

Do you love answering trivia questions? This Trivia App will generate some questions about a bunch of random topic from Open Trivia DB. You can submit your answer and get the result!

Table of Contents

  1. Why Use This App.
  2. Topics.
  3. Configuration & Installation.
  4. How to Play the Trivia Game.
  5. My Other Platforms.
  6. Languages and Skills I Used:.
  7. Live Preview.
  8. Helpful for React.
  9. Contributors.

Why Use This App

  • Trivia App is a fun and interactive way to test you trivia knowledge!
  • Unlike other games, this app has a simple installation process. You can be playing within minutes!
  • There are only a few straighforward instructions to play the game.
  • Trivia App offers questions across 6 different categories instead of just one

Topics

The questions can be about:

  • Nature ๐ŸŒณ๐ŸŒท
  • Computers ๐Ÿ’ป
  • Mathematics โž—โž•โž–
  • Sports โšฝ๏ธ๐Ÿˆ
  • Animals ๐Ÿถ๐Ÿฑ
  • Gadgets ๐ŸŽฎ

Configuration & Installation

If you would like to contribute to this app:

  1. Clone the repository
https://github.com/saminyasar004/trivia-app.git
  1. Double click on the index.html file in your local file selector to open the game in a browser
  2. Enjoy the Game!

How to Play the Trivia Game

  1. Click on the letter that corresponds to the correct answer
  2. Repeat until all 20 questions are answered
  3. Review your final score at the end

Notes:

  • You can refresh the page to get a new set of questions from a different category
  • You can view how many questions you have gotten right and wrong in the upper right hand corner
  • You can view the number of the question you are on on the upper left hand corner
  • Be sure to answer the questions before the blue timer bar finishes

Here is a preview picture of the app! Design preview for the Quize App

My Other Platforms

Website Facebook Follow Facebook Page Instagram Follow Twitter Follow Stack Overflow Github Follow

Languages and Skills

Here are some of the languages and skills I used:

Live Preview

Trivia App

Helpful Links for React

Here are some helpful links for troubshooting and errors with React

Contributors

Samin Yasar

Happy Coding ๐Ÿš€

trivia-app's People

Contributors

marandabui avatar michael-mendel avatar saminyasar004 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar

Watchers

 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.