PBL Party Planning

Prompt

Code in html, css, and javascript a series of self-contained, embeddable, and complete activities to match the attached pages in the pdf. These games and simulations are intended for advanced 2nd grade students who are working on a project-based learning unit. For the first activity, create a time-telling game that follows the rules established on the first page of the pdf, e.g., bounce house opens at 2:15 p.m., pizza takes 30 minutes to arrive after ordering, cake time is 20 minutes, etc. Include a drag and drop activity that allows the player to drag each activity to a table that auto-calculates the total time. Make the theme navy blue, white, black, and gray. Provide a celebration when the player reaches the three hour party time limit correctly. Add a Go to Design Party Space button to advance to the next activity. For the second activity, create a 20 by 20 grid as shown in the pdf. Follow the directions on the pdf such that each square on the grid equals one square foot and the following constraint is in place: There must be a pathway of two feet between objects to allow a pathway. Create the following objects: Gift table = 2 x 3 feet, food table = 4 x 3 feet, bounce house = 6 x 6 feet, cake table = 3 x 3 feet, guest table = 3 x 8 feet, and game station = 7 x 7 feet. Create grid views of each item with the label for the item written in a legible font on that item. Don't allow students to place objects in overlapping areas, outside the grid, or closer together than two squares. Player must place every item in the grid. Add a Design Your Own Space button to advance to the next activity. For the third activity, create a 25 x 25 grid. Create an input area for player to add only 6 items they choose such as bounce house, mini coaster, gift table. All player to input dimensions for each item in  ____ x _____ ft. format. Create a grid view for each item with the label of the item on it. 

Iteration 

For the Design the party space activity, the items to place don't drag to the grid. Also, make each time the exact area of that item in a grid shape. Make the gift table, a 2 square by 3 square grid shape. Do this for each item. In the Create Your Custom Items activity, change from width and height dimension inputs to length and width. Then create that item as a grid using those dimensions for the player to drag on to the 25 by 25 space grid.

Iteration 2

In activity 1, allow the player to drag the selected activities into a different order in the list to make the activity list more engaging. In the last activity, allow the player to edit the size of the item after it has been created. For example, if the player makes an item 10 by 8, allow them to change it to 10 by 6 and redraw the edited grid.

Iteration 3

The drag and drop feature of both activity 2 and activity 3 are inaccurate. Make the drop work more effectively.