Giter Club home page Giter Club logo

react-native-trivia-quiz's Introduction

React Native Trivia Quiz

A simple trivia game built with React Native, Redux, and the Open Trivia Database.

Getting Started

These instructions will get you a copy of the project up and running on your local machine for development and testing purposes.

Prerequisites

The project can be built with npm or yarn, so choose one of the approach bellow in case you don't have any installed on your system.

  • Yarn is a package manager built by Facebook Team and seems to be faster than npm in general. Download Yarn. (RECOMMENDED)

or

  • npm is distributed with Node.js which means that when you download Node.js, you automatically get npm installed on your computer. Download Node.js

Installing

To download the project follow the instructions bellow

git clone https://github.com/computationalcore/react-native-trivia-quiz
cd react-native-trivia-quiz

Install dependencies and run with:

yarn

yarn install
yarn start

or

npm

npm install
npm start

How to Play

  • Open the app
  • Click at "Play" button
  • Select Quiz Options and click Start Quiz
  • Answer each one of the questions in max 10 seconds per question
  • When all questions are answered it shows the game over screen with total score and elapsed time

Assets Credits

Animations

Fonts

Images

Sounds

Authors

Vin Busquet

License

This project is licensed under the MIT License - see the LICENSE file for details

Changelog

For details, check out CHANGELOG.md.

Acknowledgments

react-native-trivia-quiz's People

Contributors

computationalcore avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

react-native-trivia-quiz's Issues

Include option to ‘always ask to continue

So far, the game has been fun, but there is an area I want to propose an improvement.

When you pick any number of games to play, once started, you cannot pause/stop/pend the game again. It gives 10 secs for the player to answer each question. Therefore, if you pick 50 questions to answer it will take 500 seconds to answer them, which is 8:33 min. So if any situation arises within the gaming period, and the user wants to pause to do something there, is no
means for that. The pause button will also allow people to cheat while playing the trivia game. The user can pause to search for an answer which is not cool; however, there is undoubtedly a way to go around it.

Now, there could a function that will be enabled on the setting/category interface, which will be created to check and uncheck. This function will ask if the user wants to continue/or always ask to continue. Users will enable if they wish to and disable if they don't want to use it. For instance, when a player selects 10 questions and press start, the game starts counting 10 sec per question if the player fails to answer within the time frame the game will be over. But when this feature is enabled, when the start game button is pressed, the game start and count the normal 10sec for the user to decide the answer, but after each question, the game will show if the answer is correct or incorrect with this option popping up like this.

Do you want to proceed? Yes.

Mock up

The image at the left side shows the current interface of the application; the right image shows the incorporation of the feature I proposed.

The image below shows how the pop up will look like.

This question will pop up when the following question is not up so users cannot cheat. This will just give users a kind of control over time. If I am playing, and I want to pee, I can just leave it, pee and come back to the game.

This is the idea I found from my experience using the application, and I believe users and the project owner should greatly benefit from the concept. Users won't be able to cheat, but they will have control over the game and play conveniently. Apparently, it will make the app more friendly.

Thank you!

Addition of hints, leaderboard and arcade mode to trivia quiz

Introduction

React trivia game is a simple Android application that gives quiz. Users can choose from a number of categories, choose the number of questions, and difficulty level they want.

Components

My suggestion is on the

  • gameplay interface
  • landing page

Proposal

React trivia game is a great application with basic functions. Unlike other similar apps, it does not possess annoying ads that may affect user experience. However I believe the application can still be improved.

  • Hint - I suggest the addition of a hint feature to be displayed during gameplay. This will help navigate some of the most difficult questions. Users should be allowed to either turn on or off the hint option. The hint feature will use a point system. The points for each hint will be from user score from previous quiz. If you got three questions right in a particular quiz you have three points that can be used to redeem hints point.
  • Leaderboard - This is a feature that is lacking in the application. Part of what motivate users is seeing them rank higher than others in the leaderboard. The leaderboard will show rank of the users.
  • Arcade mode - This is another feature that will greatly improve the application. The arcade mode is like a survival mode where a user will try to answer as many questions as possible within a defined time which is 60-seconds.

MOCKUPS/EXAMPLES

Comb04052019083932.jpg

This is how I want the Hint feature to be functioning when implemented. You can see the hint shown during the gameplay.

Comb04052019083908.jpg

This is the leaderboard showing the points garnered by different users.

Comb04052019082118.jpg


The last one is the arcade mode and you can see the features that will make the application addictive.

Benefits

Hint - The hints feature will greatly improve the application. It will encourage more usage. Users can easily navigate through the difficult questions. The hint points are from the correct results. This means user we strive hard to play so many times to garner more points which they can use to redeem hints score. It will create a kind of addiction.

Leaderboard - Users are addicted to a game for many things but top of the list is trying to reach the top of the leaderboard. It creates a healthy competition. User want to have the bragging rights. Everyone wants to top the leaderboard and keep playing the game.

Arcade mode - This is another important addition. The arcade mode is a competitive mode and everyone want to answer as much questions as possible. It lead to healthy rivalry between friends which means more users trying out the application. The users can challenge one another to better the score and so on leading to more users downloading the application to check it out.

Conclusion

The addition of these features will greatly improve the application. It will increase the number of users utilising it on a daily basis.

Include High score on all category and time

I want to propose a feature that will help track users ability level on the game. This feature will show the score of the player has gotten while playing the game. This feature is CATEGORIES HIGHSCORES.

The app has many categories and the app does not keep any track on score got on the game. I have answered many questions on different categories but I don't even know how good or bad I perform on them.
This is how it will look like: when I play art and I choose 20 questions or more/less the categories high score will display the number of question choose the category name and the high score. This will be applicable to all categories.

The second idea is about the implementation of the TIME that was used to play/answer the questions in the app. It takes different time to answer question questions. Sometimes it may be because of the complexity of the question, or the simplicity. Simplicity leads to less time, while complexity leads to more time. So I would love to see the implementation of time to know how long it spent on the score/game that I played.

The mock ups below will show better.

Mock ups

The image on the right side shows how the button could be added on the app.

The image on the right side here shows another with the high score of every category I have played. This could show on a click on the top score button.

An added image which shows how the time could also be added on the score history page.

Benefits

The top score is the feature that will help users to track their score, not just score but in a detailed and descriptive way. This will help users to know how good or bad they have been doing why answering the questions. The time will also be a good plus. There are times that are spent on playing and answering those questions. The addition will allow players to know how long they used in answering the scores he/she attained.

Include right answers to React Trivia app

When playing the game, the game displays questions with 4 options which user can choose from, and when the user selects the right answer, it display CORRECT and same to INCORRECT answer. Therefore, at the end of the game, it pops the win/the total game questions number.

Now my suggestion is about the addition of a feature which will show the correct answer at any incorrect pick. I.e. What is the capital city of United state president?

  • Kansas
  • New York
  • Texas
  • Washington DC

Therefore, when a user chooses New York which is wrong, there will be a pop like this...

INCORRECT

The correct answer is Washington DC

Mockup.

The image on the left hand side shows the normal pop when a player chose an incorrect answer, and the image by the right side show my suggestion

Benefit

I am playing the game to add to my knowledge, but so far, it is not helping, I used to fail many questions (Not because I am dull, but you can't know everything:) and I don't still know the right answers to them. I believe the implementation of this feature will do good for application users like me.
It will improve users knowledge, and it will be more fun than now.
It is a feature I would love to use as fast as possible.

Thank you.

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.