CSCI 446 Unit #4

Programming Assignment

For this assignment you will create a page very similar to the following:

React colored cards lab
Figure 1: Colored Cards

See Specific Requirements for more details.

Hint

For simplicity, I set up variables to contain the hard-coded color choices (obviously a real app would not hard code, but this is what we know for now). Feel free to use the declarations below OR modify with your own color choices from w3schools.


	var aquaSquare = { theColor: "#00FFFF", theName: "Aqua"};
	var blueSquare = { theColor: "#0000FF", theName: "Blue"};
	var coralSquare = { theColor: "#FF7F50", theName: "Coral"};
	var crimsonSquare = { theColor: "#DC143C", theName: "Crimson"};
	var magentaSquare = { theColor: "#8B008B", theName: "Dark Magenta"};
	var fuschiaSquare = { theColor: "#FF00FF", theName: "Fuchsia"};
	var goldSquare = { theColor: "#FFD700", theName: "Gold"};
	var seaGreenSquare = { theColor: "#20B2AA", theName: "Light Sea Green"};