Develop a sample web application in angularjs

Develop a simple sample application in angularjs.

The application should display a web page comprising a grid of squares.

The size of the grid should be configurable using the parameters GRID_SIZE_X and GRID_SIZE_Y.

The size of the squares should be configurable using the parameters SQUARE_SIZE_X and SQUARE_SIZE_Y.

Each square should contain a content pane that can be used to display one of three types of data:

1. a passage of text.
2. an image.
3. a table of data.

In the final application, the content displayed in each square will be retrieved by calling a web service. The form of the content (text, table or image) will not be known until the content is retrieved. For the purposes of this sample application, a hard coded sample routine should populate three of the squares; one square should display an image, one square should display a table of data and one square should display a passage of text.

The content displayed in the squares may be large so the panes should be scrollable.

Selecting a square should generate an alert identifying which square (e.g. the grid coordinates) in the grid has been selected.