How could I solve this React Web App assessment?

I’m facing the following assessment and I can’t solve it. Using React, I need to build a web application with the following features:

Retrieve the numeric value X from an input Generate X (the value previously entered) integers between -100 and 100 at random Using Web SVG draw a grid representing the generated integers (Each cell / square corresponds to an integer): 100 corresponding to the hexadecimal value # FF0000 (red) and -100 corresponding to the hexadecimal value # 00FF00 (green), interpolate the two values so as to assign a color to each cell according to the value of the integer it represents. Integrate a button which allows to download in image format the grid.

Is there an existing app who could do this because I don’t know how to figure it out (especially steps number 3 and 4).