indigotechtutorials/trivia

Trivia questions app with ruby on rails and stimulus js.

Assumptions for app

• A round of trivia has 10 Questions
• All questions are multiple-choice questions
• Data for questions are provided in a local JSON file.
• A user can view questions.
• Questions with their multiple choice options must be displayed one at a time.
• Questions should not repeat in a round.
• A user can select only 1 answer out of the 4 possible answers.
• The correct answer must be revealed after a user has submitted their answer
• A user can see the score they received at the end of the round

Additional Features

• Answers will be shuffled every round.
• Questions will appear in a random order every session.
• There is real time updates with stimulusjs.
• The score will increment depending on if your answer is correct and change color.
• Button will change color based on the answer and if its incorrect will then highlight the correct question.

Setup Prerequisites

The setup steps expect the following tools to be installed on the system.

• Github
• Ruby 2.7.1
• Rails 6.0.3.4

1. Check out the repository

git clone https://github.com/yunggindigo/trivia.git

2. Bundle and create database

  bundle

  rails db:create

3. Install the yarn packages for stimulusjs

yarn install --check-files

4. Start the Rails server

You can start the rails server using the command given below.

rails s

And now you can visit the site with the URL http://localhost:3000

View a live version of the app on heroku

• Trivia App on Heroku