Twenty20-Trivia / Twenty20

201 Final Project

Home Page:https://twenty20-trivia.github.io/Twenty20/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Twenty20 Trivia™️ open-pr closed-pr GitHub issues

📚 User Stories

  1. As a user, I want to be submerged in strange facts about the year 2020. I want to play a trivia game so that I can pass the time and be entertained.
  2. As a user, I want to be witnessed! I should be able to input my name and have the game keep track of my score during my visit.
  3. As a user, I want to have my accessibility needs considered. I want to interact with a platform that considers contrast, sound, image descriptions / screen reader: readable content etc.
  4. As a user, I want an interface that's easy to navigate and to understand so my valuable time is not wasted.
  5. As a user, I would like to be able to control when my answer is submitted and not have it done automatically, this ability will allow me to change my question should I decide to change my mind about my initial response.

🎨Wireframe

wireframe

🚧 Domain Modeling

👥 Team Twenty20 GitHub contributors

💻 Allee

💻 Aloysious

💻 Kassie

💻 Marie

🙌C O L L A B O R A T I O N

  • TA Bryant helped us a whole bunch with our question logic and figuring out how to get local storage to operate between our various HTML pages.

🌐 L I N K S & R E S O U R C E S

We created a function to compare the player scores against one another and used it to sort players in the array from highest score to lowest score.

Array.prototype.sort() - Developer Mozilla

function compare(a, b) {
  if (a is less than b by some ordering criterion) {
    return -1;
  }
  if (a is greater than b by the ordering criterion) {
    return 1;
  }
  // a must be equal to b
  return 0;
}

🛠️ T O O L S

  • Adobe Illustrator
  • Visual Code
  • Paint
  • aCe & Wave accessibility auditing
  • Github's' Project Board integration
  • Slack / Zoom / Remo

🤔 R E F L E C T I O N S

  • Using a fixed px value for HTML elements while formatting in CSS prevents consistent positioning between browsers and devices. Percentages can be used instead of pixels to sort thing out.
  • Adding sound files and multiple images may impact how long it takes for webpages to load as well as pulls between github and the computer terminal.
  • Having a solid plan that everyone could agree to and feel good about contributing to allowed for us all to have a good deal of fun creating our game.

This work by Twenty20-Trivia™️ is licensed under a Creative Commons Attribution 4.0 International License. Creative Commons License

This license lets others distribute, remix, adapt, and build upon your work, even commercially, as long as they credit you for the original creation. This is the most accommodating of licenses offered. Recommended for maximum dissemination and use of licensed materials.

Do you think our game is awesome?...Remember to 🌟 star 🌟 this repository so others can find it too!

Profile views

made-with-Markdown

❤️ Credits ❤️ everything that looks neat, was inspired by another talented Developer.

About

201 Final Project

https://twenty20-trivia.github.io/Twenty20/

License:MIT License


Languages

Language:CSS 42.2%Language:JavaScript 30.5%Language:HTML 27.3%