Last Updated: May 21, 2018
In this video we’ll learn how to get the application running on our machine.
In this video we’ll build the initial QuestionRow component.
In this video we’ll set the foundation for everything we’ll build on top of - the bar background. This sets the max width of a bar (100% of answers) and sets the base styles we’ll build on top of.
In this video we’ll build the different answer overlay bars for our component representing the different states (correct answer, user answer, incorrect answer & wasn’t user answer).
In this video we’ll learn how to measure the width of the full bar (so it works on variable screen sizes) so that, based on the percentage of answers, we can create answer bars that fill up the correct percentage of the full bar.
In this video we’ll use Animated.timing to animate the answer bar to the correct width.