diff --git a/app/assets/questions.js b/app/assets/questions.js
new file mode 100644
index 0000000..a8ebb13
--- /dev/null
+++ b/app/assets/questions.js
@@ -0,0 +1,349 @@
+const questions = [
+  {
+    id: 1,
+    question: `What will be in the console when running the script in Node?
+      <pre>
+      const fs = require('fs')
+
+      setTimeout(() => console.log('timeout out'))
+      setImmediate(() => console.log('immediate out'))
+      
+      fs.readFile('./events.js', (err, data) => {
+        console.log('fs')
+        process.nextTick(() => console.log('next in'))
+        setTimeout(() => console.log('timeout in'))
+        setImmediate(() => console.log('immediate in'))
+      })
+      
+      const next = () => {
+        console.log('next')
+        process.nextTick(next)
+      }
+      
+      process.nextTick(next)
+    </pre>`,
+    options: [
+      `
+      timeout out
+      immediate out
+      next
+      fs
+      next in
+      immediate in
+      timeout in
+      `,
+      `
+      timeout out
+      immediate out
+      next
+      next
+      next
+      next
+      next
+      next
+      ...
+      `,
+      `
+      next
+      immediate out
+      timeout out
+      fs
+      next in
+      immediate in
+      timeout in
+      `,
+      `
+      next
+      next
+      next
+      next
+      next
+      next
+      ...
+      `,
+    ],
+    answer: 4
+  }, 
+  {
+    id: 2,
+    question: 'What would be the result of the following expression <i>(1 < 2 < 3) < (3 > 2 > 1)</i>?',
+    options: [
+      'true',
+      'false',
+      'error'
+    ],
+    answer: 1
+  },
+  {
+    id: 3,
+    question: 'What will happen if you try to install and use npm package called "fs"?',
+    options: [
+      'Error, the package already exists as a built-in',
+      'Nothing will be installed',
+      'The package will be installed, but can not be used',
+      'No problem, fs package can be installed and used normally'
+    ],
+    answer: 2
+  },
+  {
+    id: 4,
+    question: 'Are setTimeout and setInterval functions part of JavaScript?',
+    options: [
+      'Both yes',
+      'setTimeout - yes, setInterval - no',
+      'Both no'
+    ],
+    answer: 2
+  },
+  {
+    id: 5,
+    question: 'As a JavaScript interpreter, compile the following expression - console.log.call.call.call.call.call.apply(a => a, "What is gonna be printed in the console?".split(" "))?',
+    options: [
+      'Error',
+      'undefined',
+      '"is"',
+      '"console?"'
+    ],
+    answer: 2
+  },
+  {
+    id: 6,
+    question: 'As a JavaScript interpreter, compile the following expression - "b" + "a" + +"a"  + "a"?',
+    options: [
+      'baaa',
+      'baa',
+      'baNaNa',
+      'ba1a',
+      'batruea'
+    ],
+    answer: 3
+  },
+  {
+    id: 7,
+    question: 'Which expression will remove all digits from a string?',
+    options: [
+      'str.replace(/\b/g, "")',
+      'str.replace(/\d/g, "")',
+      'str.replace(/\d/gm, "")',
+      'str.replace(/[^0-9]/gm, "")'
+    ],
+    answer: 2
+  },
+  {
+    id: 8,
+    question: 'How to send instant event from one tab to another without a server and additional helpers?',
+    options: [
+      'xhr',
+      'Cookie',
+      'jQuery.sendEvent',
+      'localStorage'
+    ],
+    answer: 4
+  },
+  {
+    id: 9,
+    question: 'What is the third argument in the addEventListener function of the EventTarget class?',
+    options: [
+      'Nothing',
+      'options (capture phase)',
+      'Callback function',
+      'Event type'
+    ],
+    answer: 2
+  },
+  // {
+  //   id: 10,
+  //   question: 'Which function is slower - http://output.jsbin.com/feloni/3/quiet ? Use DevTools in a separate window to analyze',
+  //   options: [
+  //     'onSortOne',
+  //     'onSortTwo',
+  //     'equal'
+  //   ],
+  //   answer: 1
+  // },
+  {
+    id: 11,
+    question: 'What are the difference between setTimeout and setInterval in browser and in Node.js?',
+    options: [
+      'It doesn\' exist in Node.js',
+      'In Node.js both return an object',
+      'setInterval doesn\' exist in Node.js',
+      'In Node.js timeouts can\'t be cancelled'
+    ],
+    answer: 2
+  },
+  {
+    id: 12,
+    question: 'Remember best parts of JavaScript, what is `typeof NaN`?',
+    options: [
+      '"number"',
+      '"object"',
+      'NaN',
+      '"undefined"'
+    ],
+    answer: 1
+  },
+  {
+    id: 13,
+    question: 'Is this experssion valid in JavaScript `$: document.title = title`?',
+    options: [
+      'Yes',
+      'No',
+      'Only with jQuery'
+    ],
+    answer: 1
+  },
+  {
+    id: 14,
+    question: `What the following code will output?
+      <pre>
+      try { 
+        new Promise(() => {
+          throw new Error('test') 
+        })
+
+        console.log('no error')
+      } catch(e) { 
+        console.log('error')
+      }
+      </pre>
+    `,
+    options: [
+      'no error',
+      'error',
+      `no error \n Uncaught (in promise) Error: test`,
+      'Uncaught (in promise) Error: test'
+    ],
+    answer: 3
+  },
+  {
+    id: 15,
+    question: `What will the following code output?
+    <pre>
+      function a() {
+        const b = () => console.log(arguments);
+        b(2)
+      }
+      
+      a(1)
+    </pre>
+    `,
+    options: [
+      '1',
+      '2',
+      'Error',
+    ],
+    answer: 1
+  },
+  {
+    id: 16,
+    question: 'How to remove all items from a JavaScript array?',
+    options: [
+      'arr.length = 0',
+      'delete arr.length',
+      'arr.slice(0, 0)'
+    ],
+    answer: 1
+  },
+  {
+    id: 17,
+    question: 'Which of the following storages are not available in browsers?',
+    options: [
+      'localStorage',
+      'sessionStorage',
+      'couchDB',
+      'indexedDB'
+    ],
+    answer: 3
+  },
+  {
+    id: 18,
+    question: 'Which states can a Promise take?',
+    options: [
+      'fulfilled, rejected, cancelled',
+      'pending, fulfilled, rejected',
+      'cancelled, pending, fulfilled, rejected'
+    ],
+    answer: 2
+  },
+  // {
+  //   id: 19,
+  //   question: 'Which of the following ways of loading a script will block the page rendering?',
+  //   options: [
+  //     '<script async>',
+  //     '<script defer>',
+  //     '<script>',
+  //     '<script type="module">',
+  //   ],
+  //   answer: 3
+  // },
+  {
+    id: 20,
+    question: 'Choose an incorrect CSS selector or a general answer',
+    options: [
+      '.my-class.other-class',
+      'div > a',
+      'input[disabled]',
+      'All correct',
+      'All incorrect'
+    ],
+    answer: 4
+  },
+  {
+    id: 21,
+    question: 'What will be the context of a twice bounded function - fn.bind(1)(2)?',
+    options: [
+      '1',
+      '2',
+      'undefined',
+      'null',
+      'Error, code will not compile'
+    ],
+    answer: 1
+  },
+  {
+    id: 22,
+    question: 'Choose an incorrect CSS selector or a general answer',
+    options: [
+      '#my-id.other-class',
+      'div ~ a',
+      'a[href]',
+      '#my-id#other-id',
+      'All correct'
+    ],
+    answer: 5
+  },
+  {
+    id: 23,
+    question: 'JavaScript hasn\'t always been called that. What other name has it been released as?',
+    options: [
+      'Latte',
+      'BScript',
+      'SpiderMonkey',
+      'Mocha'
+    ],
+    answer: 4
+  },
+  {
+    id: 24,
+    question: 'null is an object. Yes or no?',
+    options: [
+      'Yes',
+      'No'
+    ],
+    answer: 1
+  },
+  {
+    id: 25,
+    question: 'Which of the  following is not a reserved keyword in JavaScript?',
+    options: [
+      'default',
+      'throw',
+      'finally',
+      'undefined'
+    ],
+    answer: 4
+  }
+];
+
+module.exports = { questions };
\ No newline at end of file
diff --git a/app/index.html b/app/index.html
index 57cb3b0..1c72fa5 100644
--- a/app/index.html
+++ b/app/index.html
@@ -4,7 +4,7 @@
   <meta charset="UTF-8">
   <title>Code in the Dark</title>
   <script src="bundle.js" inline></script>
-  <script src="questions.js"></script>
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-modal/0.9.1/jquery.modal.min.css" />
 </head>
 <body>
   <div class="background"></div>
@@ -42,7 +42,14 @@ <h1>POWER MODE!</h1>
     <button class="instructions-button">Instructions</button>
     <button class="storybook-button">Storybook </button>
   </div>
-
+  <div id="questionModal" class="modal">
+    <div id="questionContainer"></div>
+    <div id="delayContainer"></div>
+    <div>
+      <button id="submitButton">Submit</button>
+      <button id="nextButton" class="right">Next</button>
+    </div>
+  </div>
   <iframe class="result" src="assets/result.html" frameborder="0"><iframe>
 </body>
 </html>
diff --git a/app/scripts/app.coffee b/app/scripts/app.coffee
index 2ac9928..a5bf9d9 100644
--- a/app/scripts/app.coffee
+++ b/app/scripts/app.coffee
@@ -2,6 +2,7 @@ require "../styles/index"
 
 _ = require "underscore"
 $ = require "jquery"
+Interrupter = require "./interrupter"
 
 ace = require "brace"
 require "brace/mode/html"
@@ -42,6 +43,9 @@ class App
   "Whoah!", ":O", "Nice!", "Splendid!", "Wild!", "Grand!", "Impressive!",
   "Stupendous!", "Extreme!", "Awesome!"]
 
+  REQUIRED_RIGHT_ANSWERS: 2
+  MAX_QUESTIONS: 10
+
   currentStreak: 0
   powerMode: false
   particles: []
@@ -81,6 +85,7 @@ class App
     @$nameTag.on "click", => @getName true
 
     @getName()
+    @initInterrupter()
 
     window.requestAnimationFrame? @onFrame
 
@@ -104,6 +109,9 @@ class App
     canvas.height = window.innerHeight
     canvas
 
+  initInterrupter: ->
+    new Interrupter(@REQUIRED_RIGHT_ANSWERS, @MAX_QUESTIONS)
+
   getName: (forceUpdate) ->
     name = (not forceUpdate and localStorage["name"]) || prompt "What's your name?"
     localStorage["name"] = name
diff --git a/app/scripts/interrupter.js b/app/scripts/interrupter.js
new file mode 100644
index 0000000..b1826cc
--- /dev/null
+++ b/app/scripts/interrupter.js
@@ -0,0 +1,243 @@
+$ = require('jquery');
+require('jquery-modal');
+
+const { questions } = require('../assets/questions');
+
+$.modal.defaults = {
+  showClose: false,        // Shows a (X) icon/link in the top-right corner
+};
+
+class Interrupter {
+  // keeps track of answered questions, pops correctly questions out, selects from remaining at random
+  // Shows correct or wrong
+  constructor(requiredAnswers, maxQuestions) {
+    console.log('Interrupter');
+    this._startDelay = 10000;
+    this._delayIncrement = 3000;
+    this._restoreState();
+    this._computeQuestions();
+    this._calculateTimeout();
+    this._questionsShown = false;
+    this.requiredAnswers = requiredAnswers;
+    this.maxQuestions = 5;
+    this._submitButton = $('#submitButton');
+    this._nextButton = $('#nextButton');
+    this._nextButton.click(() => this._startQuestions());
+    this._questionStreak = 0; //TODO: read from localStorage
+    this._setQuestionTimeout();
+  }
+
+  _restoreState() {
+    const questionsAnswered = localStorage.getItem('questionsAnswered');
+    this._questionsAnswered = questionsAnswered ? JSON.parse(questionsAnswered) : [];
+    
+    const nextQuestionsStart = localStorage.getItem('nextQuestionsStart');
+    this._nextQuestionsStart = nextQuestionsStart && new Date(nextQuestionsStart);
+
+    const questionsActive = localStorage.getItem('questionsActive');
+    this._questionsActive = JSON.parse(questionsActive) || false;
+
+    const answeredInSession = localStorage.getItem('answeredInSession');
+    this.nAnsweredCorrectly = answeredInSession ? JSON.parse(answeredInSession) : 0;
+
+    const currentDelay = localStorage.getItem('currentDelay');
+    this._currentDelay = currentDelay ? JSON.parse(currentDelay) : this._startDelay;
+  }
+
+  _setState({
+    questionsAnswered,
+    nextQuestionsStart,
+    questionsActive,
+    answeredInSession,
+  }, clearValues) {
+    if (questionsAnswered) {
+      const questionsAnswered = this._questionsAnswered || [];
+      localStorage.setItem('questionsAnswered', JSON.stringify(questionsAnswered));
+      this._computeQuestions();
+    }
+    if (answeredInSession != null) {
+      localStorage.setItem('answeredInSession', answeredInSession);
+    }
+    if (nextQuestionsStart) {
+      localStorage.setItem('nextQuestionsStart', nextQuestionsStart.toString());
+    } else if (clearValues) {
+      localStorage.removeItem('nextQuestionsStart');
+    }
+    if (questionsActive != null) {
+      localStorage.setItem('questionsActive', questionsActive);
+    } else if (clearValues) {
+      localStorage.removeItem('questionsActive');
+    }
+  }
+
+  _computeQuestions() {
+    this.questions = questions.filter(question => !this._questionsAnswered.find(answeredId => answeredId === question.id));
+  }
+
+  _calculateTimeout() {
+    if (this._questionsActive) {
+      this.interval = 0;
+    } else if (this._nextQuestionsStart) {
+      console.log(this._nextQuestionsStart);
+      this.interval = this._nextQuestionsStart - Date.now();
+      console.log(this.interval);
+    } else {
+      // Not set yet
+      // compute diff 0-2 mins, add to currentDate + 4 mins
+      const diff = this._getDiff(4, 6); // 4 to 6 mins
+      const questionStart = new Date(Date.now() + diff);
+      console.log(questionStart.toString());
+      this._nextQuestionsStart = questionStart;
+      this._setState({ nextQuestionsStart : questionStart });
+      this.interval = diff;
+    }
+    
+  }
+
+  // Gets the difference in milliseconds given the min and max diff in minutes
+  _getDiff(min, max) {
+    return Math.ceil((Math.random() * (max - min) + min)  * 60000);
+  }
+
+ _setQuestionTimeout() {
+    setTimeout(() => {
+      this._startQuestions();
+    }, this.interval);
+  }
+
+  _shouldExitQuestions() {
+    return this.nAnsweredCorrectly >= this.requiredAnswers || this._questionStreak >= this.maxQuestions || !this.questions.length;
+  }
+
+  _startQuestions() {
+    if (this._shouldExitQuestions()) {
+      $.modal.close();
+      this._setState({
+        questionsActive: false,
+        answeredInSession: 0,
+      }, true);
+      // setup for next round
+      this._questionsShown = false;
+      this._questionsActive = false;
+      this._calculateTimeout();
+      this.nAnsweredCorrectly = 0;
+      this._questionStreak = 0;
+      this._currentDelay = 10000;
+      this._setQuestionTimeout();
+    } else {
+      if (!this._questionsShown) {
+        $('#questionModal').modal();
+        this._questionsShown = true;
+        this._questionsActive = true;
+        this._nextQuestionsStart = undefined;
+        this._setState({
+          questionsActive: true,
+        }, true);
+      }
+      this._showQuestion().then(({ correct, id }) => {
+        if (correct) {
+          this.nAnsweredCorrectly += 1;
+          this._questionsAnswered.push(id);
+          this._setState({
+            questionsAnswered: this._questionsAnswered,
+            answeredInSession: this.nAnsweredCorrectly,
+          });
+          this._computeQuestions();
+        }
+        this._questionStreak += 1;
+        this._processAnswer(correct);
+      });
+    }
+  }
+
+  _processAnswer(correct) {
+    this._submitButton.hide();
+    this._nextButton.show();
+    if (!correct) {
+      $('#delayContainer').show();
+      this._nextButton.prop('disabled', true);
+      let delay = this._currentDelay;
+      this._currentDelay += this._delayIncrement;
+      $('#delayContainer').html(this._formatMilliseconds(delay));
+      const int = setInterval(() => {
+        delay -= 1000;
+        if (delay === 0) {
+          clearInterval(int);
+          this._nextButton.prop('disabled', false);
+        }
+        $('#delayContainer').html(this._formatMilliseconds(delay));
+      }, 1000);
+    }
+    
+    const buttonText = this._shouldExitQuestions() ? 'Exit' : 'Next';
+    this._nextButton.html(buttonText);
+
+    // append correct or wrong
+    if (correct) {
+      $('#questionContainer').append('<div>That\'s right 🎉</div>');
+    } else {
+      $('#questionContainer').append('<div>Oh no! That\'s not right 😿</div>');
+    }
+  }
+
+  _formatMilliseconds(ms) {
+    const minutes = Math.floor(ms / 60000);
+    const seconds = ((ms % 60000) / 1000).toFixed(0);
+    return minutes + ":" + (seconds < 10 ? '0' : '') + seconds;
+  }
+
+  _showQuestion() {
+    return new Promise((resolve, reject) => {
+      const question = this._getNextQuestion();
+      $('#delayContainer').hide();
+      this._nextButton.hide();
+      const optionContainerDiv = $('<div class="option"></div>');
+      question.options.forEach((option, i) => {
+        optionContainerDiv.append(
+        `
+        <input type="radio" id="${question.id}_${i}" value="${i}" name="${question.id}">
+        <label for="${question.id}_${i}">${option}</label><br>
+      `)});
+      this._submitButton.unbind();
+      this._submitButton.click(() => {
+        this._checkAnswer(question, resolve);
+      });
+      this._submitButton.show();
+      $('#questionContainer').empty();
+      $('#questionContainer').append(`<div class="question">${question.question}</div>`);
+      $('#questionContainer').append(optionContainerDiv);
+    });
+  }
+
+  _checkAnswer(question, resolve) {
+    const options = $('#questionContainer input');
+    const { answer } = question;
+    let selected;
+    for (let i = 0; i < options.length; i++) {
+      selected = options[i].checked ? i : selected;
+    }
+    // option inputs are 0 indexed
+    // answers are 1 indexed
+    if (selected === (answer - 1)) {
+      resolve({ id: question.id, correct: true });
+    } else {
+      resolve({ id: question.id, correct: false });
+    }
+  }
+
+  _getNextQuestion() {
+    // Pick an unanswered question at random
+    const questionIndex = Math.floor(Math.random() * this.questions.length);
+    return this.questions[questionIndex];
+  }
+
+}
+
+module.exports = Interrupter;
+
+// Start this 5 minutes after name has been filled in. 4-6 minutes randomly
+// new Interrupter(2000, 2);
+
+// Time bound to end of previous round
+
+// Every wrong answer adds delay on next button
\ No newline at end of file
diff --git a/app/styles/index.scss b/app/styles/index.scss
index 41c8ede..62d4870 100644
--- a/app/styles/index.scss
+++ b/app/styles/index.scss
@@ -33,6 +33,11 @@ button {
     box-shadow: none;
     outline: none;
   }
+
+  &:disabled {
+    background-color: #9aa6a0;
+    cursor: wait;
+  }
 }
 
 .instructions-container {
@@ -364,6 +369,25 @@ body.power-mode {
   }
 }
 
+#questionModal {
+  .question {
+    margin-bottom: 15px;
+    word-break: break-word;
+  }
+  .option {
+    margin-bottom: 7px;
+  }
+  .right {
+    float: right;
+  }
+}
+
+#delayContainer {
+  color: red;
+  text-align: right;
+  margin-bottom: 5px;
+}
+
 @keyframes pulse {
     0% {
         animation-timing-function: ease-out;
diff --git a/package.json b/package.json
index 65701cb..cbd0fc1 100644
--- a/package.json
+++ b/package.json
@@ -28,5 +28,8 @@
     "url-loader": "^0.5.5",
     "webpack": "^1.12.9",
     "webpack-dev-server": "^1.7.0"
+  },
+  "dependencies": {
+    "jquery-modal": "^0.9.2"
   }
 }