Gaming trivia game built using a cool CSS framework called NES.css and an open API for the trivia questions.
Home Page: https://gaming-trivia.richardtaylordawson.com
License: MIT License
Playing again doesn't work because json object is not being reset with the setDefaults method
Add a summary screen with stats about the quiz just played
If a user is shared the stats url and goes there, the stats doesn't display 0's it displays blank boxes
Add keyboard shortcuts for Y or N in order to play the game again
Start to store quizzes in local storage in order to keep their past quizzes
Add the ability to tab or use right and left arrows to move current answer, etc. Also added tips to the modal so user knows about them
Trim trailing spaces in settings input
Hide the tooltips modal on mobile since there is no point showing it as the user can't even use a keyboard
Add favicon to the project
CSS files need to be cleaned up to not have so many HTTP requests and spacing in the files
Display different play again button for mobile and possibly desktop instead of y
There is no extra padding or spacing at the bottom of the page and this makes mobile really tough when scrolling down in order to click on the next/submit button
Add share icons to the summary screen to be able to share quiz score to social media platforms
Finish game logic to move through questions with progress bar.
Display some kind of message to the user when time runs out
Add keyboard shortcuts to the initial settings screen
Add keyboard shortcuts for the application to choose answers, etc
Add section to summary about average score, best score, etc. Possibly base it off the difficulty used.
Remove the your name field as it is not used and I do not want to implement a database to store scores. I want to keep this strictly a front end application.
Add tooltips via modal so user knows how to play the game with their keyboard
NES.css elements don't line up 100%. Figure out how to override or figure out a new look
Add the ability to play the game again after finishing
The alert when a user is leaving the game is not working 100%
Add certain time between questions
Change the links to and from the stats/game to look better
The twitter and email share icons share the wrong url (Github pages) instead of my personal url
Add loading screen with animated loading icon
Add the difficulty the user chose on the summary screen
If a user has completed a quiz(s) and didn't get a single question right the high score will show blank
Disable the answer radio buttons after the submit is clicked
Autofocus the first possible quiz answer when a question is displayed
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
Django
The Web framework for perfectionists with deadlines.
Laravel
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft
Open source projects and samples from Microsoft.
Google
Google ❤️ Open Source for everyone.
Alibaba
Alibaba Open Source for everyone
D3
Data-Driven Documents codes.
Tencent
China tencent open source team.
