juditdidit / majesticbeards Goto Github PK

Ensure the container is properly sized to be the height of all questions minus the last, plus the screen height.
This currently works as expected if the screen is never resized. The logic falls apart very quickly after that.

There should be an ability to clear all questions, or just go back to the previous question. In either case, any deleted questions should be added back to the available array to be displayed again at random.

Look into scss scroll margin to snap questions into place.

Create a random question generator that populates the page with a new question once the previous one has been answered.

Things to keep in mind:

• content should always fade in from the first question to the next (right now it's based on visibility, so if you refresh the page while not at the top, you'll get questions popping in at the wrong order)
• questions 1 and 2 should fade in one after the other on page load (assuming they're visible)