This project is for an update to an existing web site.
The web site is for advertising cars. The part which needs updating is the car post upload process. The current process is:
User provides car details -> user uploads images -> post upload completed
The following 2 changes are required:
1) Modify the upload page to:
a) upload the images via a background (eg ajax, like facebook) process. Currently, each time an image is uploaded (1 out of 8 possible images), the page is refreshed. What I want is for the page to stay static and the newly uploaded image to simply appear on the screen. Furhter more validation should exist, so that the user can not move to the next page until the min amount of images have been uploaded.
b) implement a crop and resize functionality. Current functionality is that once the image is uploaded the image is cropped and resized to a specific size (eg center 300x300px). This is done for 2 out of 8 images (cover and profile pic). In addition to this I want the user to have the ability to click on “Edit” image. This will bring up the original image in a lightbox and give the user ability to select which section of the original image they want to select for the cover (1041x375) or profile (300x300). The selection tool will be restricted to the required ratio. If the selection is bigger or smaller then the final image will be resized to match.
2) Add payment screen
After the image upload the user should be taken to a new page which will tell them the amount that is required to be paid. This page will integrate with PayPal so when the user clicks “Proceed with payment” they will be taken to PayPal to process the payment. Once the payment is completed the user will be taken back to the “Post upload completed” page. That page needs to also handle the PayPal result and enable the post if the payment was successful.
To increase your chances of getting this project awarded please provide examples of previous work you have done with the image upload and crop/resize.