Fix Bug in One Functional Component【15 USD 1 Day】

Job ID: 35975038

Budget: $10 – $30 USD

About 2 hours' work for an experienced React developer who is a logic thinker.

We have a component named Vocabulary.
There is a button on the screen, toggle between 【Pause】and 【Continue】.
Without human interfere, each vocabulary's sound should be played 2 times, and go to the next vocabulary.

When user press the【Pause】button, the screen stops there, and the button's text become【Continue】.
When user press 【Continue】, if the vocabulary's sound was played 1 time, then play the sound for the 2nd time.
If the sound has been played 2 times, go to the next vocabulary.

There are three important variables:
index -> vocabulary index (int)
paused -> paused or not (bool)
played -> how many times the sound has been played (0, 1, 2)

You have to work remotely on my computer via 【TeamViewer】
Related categories: React.js React Native