Create Levels from API data (advance)

[karneaud]

@kalemmentore868

Advance Task

we need to create levels and a way to advance to the levels. So I need you to look at creating the following scenario:-

1. Pull external data from this api
2. Use the data to set the -- The level of the game -- The number of rows(x) and columns(y) for the grid -- Check the player score with the grade. A score greater than the grade would advance to the next level( 7 in all)
3. Keep scores and levels in Redux state (optional advance) unless player loses level and has to start over (play again from level 1)
4. Create a "Congratulations you've completed all levels" message and score when player completes all levels

[karneaud]

@kalemmentore868

Fix The following bugs :-

1. For every level the grid usually changes so the css class needs to change e.g. a grid 4x4 would need the css class updated from "grid-8" to "grid-4" use the "x" property to set this dynamically.
2. We need to fetch the data from the url. Do not hard code the levels. Do not hard code the url. Do do that need to :-
   • use the "fetch" api or "axio framework" to fetch the data from the URL
   • store it in redux state for use later on
3. It seems when we go to a different level the A.I. slows down and takes long( maybe you need to reset the interval each level). Try to make the setInterval speed dynamic. So randomly change the interval slightly decreasing it every level from 700 - 600 ( or 500 once it still acts realistic) based on the # of levels( maybe maybe minus it or dividing it by the level/100 or something )

Remember to put the URL as an environment variable. do not hard code it into github