The activity is static at the moment. Need to write a script that pulls different pictures when the next button is clicked.

A few sound files that I uploaded don't play sound when they are loaded. Have to check every file and delete the ones that don't play sound.

Create a cogwheel button that lets you open the modal window on click

Buttons text need to be changed to icons to make it easier to navigate for kids without able to read.

• Play/pause icon for timer
• Speaker icon to listen button
• Forward icon for next button

The UI created is just temporary to work on the JavaScript side of the app. Have to create a nicer UI that makes it more comfortable for the eyes.
Maybe even rearrange the entire Layout.

• When timer time is up and clicking on the next button "Time is up" text showing instead of the initial time.
• Reset the timer minutes, seconds.
• Show Play/Pause button again.

Once the language feature has been completed, change the UI Spanish text in the settings to Spanish

Add button animation on :hover and on :click.

Saved in the userInput().showText, it's a boolean value, when it's true: text shows, and when it's false text disappears.

When the card text is too long, the text wraps to a new line elongating the card container and makes it ugly.
Implement a function that checks for the length of the text on the card and reduces the font size to fit into one line.

On initial load the word appears and the corresponding sound file plays but nothing happens when you click on the listen button.

When the timer time goes to 0:00 play reminder sound.

In the settings modal, create an additional menu item that lets the user change every colour of the page for their preference.

Optional: Make a random colour palette generator, so if the user clicks on the randomiser, every colour gets randomly generated.

When you click on the play sound button repeatedly in a short period of time, you hear the word multiple times. Have to come up with a solution that prevents this from happening.

Right now you can only exit from the modal window by clicking on the cog button.
I would like to implement other exit options like:

• Exit on pressing ESC
• Exit on clicking outside the modal window.
• Exit after pressing the SET button
• When modal displaying, change the setting button icon to a big X to make it clearer that you have to press button again in order to exit.

Any additional suggestions are appreciated.

Create a similar effect as the one that you see when the modal box opening but in reverse.

The code hasn't been optimised/organised, there are still improvements to be made.
Have to separate code to separate files per functionality to make it more organised.

In the setting there is an option to change language, would be nice to implement it that it uses a different cards array that has English cards with sounds in it.

Add button animations, style :hover state, and additional improvements.