You have chosen to sponsor your bid up to a maximum amount of .
I want a webpage that will allow for users to arrange images and generate a score. The following should happen
On the first page there will be a list of cases (from database). The user can select any one case.
On the next page, there will be a central area, in this area a set of images will download (from web server).
The images will range from 45-50 in all.
On this page there will be a set of rectangles named 1-22, X, Y. The image names will be 1-1.jpg, 1-2.jpg etc. The number before the "-" is the rectangle the image belongs to. Each rectangle should be able to accommodate three images.
Most images will be pre-arranged except for 3-4. Which images should not be placed will be determined from the database. These images will be randomly rotated as well.
The user will be able to drag the images and rotate the images. This will be accomplished using fabric.js as it has built in support for drag and rotate.
Once user places the 3-4 images in a certain location, then those images are marked correct. For each correct image 1 point will be added.
Logic for placement: If the image name is 1-1.jpg then it belongs the box 1, if its 2-2.jpg then it belongs to box 2.
Database structure is ready and I will provide more details if you are selected.
The aim for you to bid to develop this module using HTML5 (canvas, fabric.js and c#)