OTrivia is a trivia website based on the Open Trivia DB, a database of user-contributed trivia questions that have been revised and backed by references.
The game has three modes: Chill mode(learning mode), Part of One(practice mode), and Join the Party(fun & challenging mode).
Current events have made it evident that although we are living in the information age, we do not appear to be well informed.
"As a society, we are now spending too much time, energy, and capital battling wilful ignorance—about
climate control, about the genuine effects of social policies, about the extent and impact of
governmental programs, about immigrants,about those who are different."
- We live in a culture of ignorance
There has never been a better time to be a scholar; never better resources for an informed citizenry. It is the information we absorb that builds our belief which in turn is the basis of our ethics. With OTrivia we hope to foster a fun learning environment. We want everybody to keep learning, keep questioning and stay curious, while having fun!
Note You will not be able to sign in through Snapchat, since it is in developmental phase, in which I would have to add your username in the snap kit. Hence, type your username, then choose from the pre-selected avatars or upload your own.
Gif created in ezgif
- Node/express.js
- EJS
- Restful API
- Bootstrap
- Fork and clone the repo onto your local machine, open the folder in a VS code or other IDEs that support Node JS app development.
- Download the dependencies listed in the package.json file using npm installer.
- Serve the website onto your local host by running "node server.js" in the terminal of your IDE.
Using local storage to store objects
Storage.prototype.setObj = function(key, obj) {
return this.setItem(key, JSON.stringify(obj))
}
Storage.prototype.getObj = function(key) {
return JSON.parse(this.getItem(key))
}
Mixing the choices
$(function () {
var parents = $("#choices");
var divs = parents.children();
while(divs.length){
parents.append(divs.splice(Math.floor(Math.random() * divs.length), 1)[0]);
}
const name = `choicefor${num}`;
document.getElementById('choices').setAttribute('id', `chosen${num}`);
++num;
});
Programmable Search engine
<script async src="https://cse.google.com/cse.js?cx=9e105dffdb443a09d"></script>
<div class="gcse-search"></div>
List of features ready and TODOs for future development
- Three different modes and 24 categories
- Personal scoreboard
- Custom search engine
- Mobile Responsive Design
- Retro theme
To-do list:
- Improve interface
- Group scoreboard
Project is: in progress
To start using the OTrivia Game app click the link below and make sure to type your username as well as select an avatar before starting the game. To use you own bitmoji as a avatar you need to sign-in with your snap username and password in order for the bitmoji to show up as your avatar.
Enjoy the game!
https://otriviagame.herokuapp.com/
This project was a collaborative effort and the following members worked on this project:
- SEA instructors, peers, and everybody involved
- Bixel Exchange
- Snap inc. volunteers