Giter Club home page Giter Club logo

triviagame's Introduction

TriviaGame

#https://ryanstocke.github.io/TriviaGame/

Overview

In this assignment, You'll create a Trivia game using JavaScript for the logic and jQuery to manipulate HTML. Be sure to layout this app with valid HTML and stylish CSS.

Submission on BCS

  • Please submit both the deployed Github.io link to your homework AND the link to the Github Repository!

Before You Begin

  1. Create a GitHub repo called TriviaGame, then clone the repo to your computer.

  2. Create a file inside of the TriviaGame folder called index.html. This is where you'll mark up all of your HTML.

  3. Don't forget to include a script tag with the jQuery library.

  4. Create a folder inside of the TriviaGame folder called assets.

  5. Inside assets, create three folders: css, javascript, images

    • In your css folder, create a style.css file.
    • In your javascript folder, create an app.js file; here you'll write all of your JavaScript and jQuery.
    • In your images folder, save whatever images you'd like to use in this exercise.
  6. Choose a game to build from your options below.

Option One: Basic Quiz (Timed Form)

Basic

Click Here to Watch the Demo.

  • You'll create a trivia form with multiple choice or true/false options (your choice).

  • The player will have a limited amount of time to finish the quiz.

    • The game ends when the time runs out. The page will reveal the number of questions that players answer correctly and incorrectly.
  • Don't let the player pick more than one answer per question.

  • Don't forget to include a countdown timer.

Reminder: Submission on BCS

  • Please submit both the deployed Github.io link to your homework AND the link to the Github Repository!

Minimum Requirements

Attempt to complete homework assignment as described in instructions. If unable to complete certain portions, please pseudocode these portions to describe what remains to be completed. Adding a README.md as well as adding this homework to your portfolio are required as well and more information can be found below.


Create a README.md

Add a README.md to your repository describing the project. Here are some resources for creating your README.md. Here are some resources to help you along the way:


Add To Your Portfolio

After completing the homework please add the piece to your portfolio. Make sure to add a link to your updated portfolio in the comments section of your homework so the TAs can easily ensure you completed this step when they are grading the assignment. To receive an 'A' on any assignment, you must link to it from your portfolio.


A Few Last Notes

  • Styling and theme are completely up to you. Get creative!

  • Remember to deploy your assignment to Github Pages.

*If you have any questions about this project or the material we have covered, please post them in the community channels in slack so that your fellow developers can help you! If you're still having trouble, you can come to office hours for assistance from your instructor and TAs.

Good Luck!

Start needs to be centered and larger

Trivia night needs to be centered in the div

font needs to match the background font

answers need to be bigger and a better font

done button needs to be bigger and centered

Game over screen needs to have the same fonts and everything needs to

triviagame's People

Contributors

ryanstocke 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.