We have a website located at [login to view URL] that needs some improvements to fix some issues with images uploads and ultimately using those uploaded images on the site.
The website allows visitors to create designs using clip art and/or images that they print and/or save for ultimate use in our personalized products such as mugs, pens, and phone cases.
We did a big redesign of the site in 2015 with the primary purpose of making it completely open source using PHP and JQuery while eliminating all Flash functionality - the previous solution was a Flash/Flex application that obviously would not work properly in iOS or any other OS that couldn't use Flash.
Our developers use one piece of Flash functionality that managed to slip past us during testing - the ability to upload images used a Flash-based upload tool. Thus, our primary goal was thwarted. Anyone using iOS or any browser with Flash disabled or not installed would not be able to upload images to use in their designs. They could use all other features of the site.
Since the redesign went live, we have been recommending that visitors only use Firefox or Chrome for best functionality, but recent updates to both browsers appear to have created additional problems.
To the best of our knowledge, it appears that files can only be uploaded successfully in Chrome. However, when a user clicks on an image to use it, it will not populate in the design on the right side of the interface. If that user subsequently logs in to the site on Firefox, they can actually use those images correctly. However, if that user begins in Firefox, they get an error when they try to upload images (see [login to view URL]). We would prefer not to tell users that they must upload files in Chrome before switching to Firefox to use the images.
Your mission, should you choose to accept it, is to accomplish the following tasks:
1. Remove the flash-based image upload functionality and replace it with jQuery File Upload or a similar solution ([login to view URL]) so that files can be uploaded from any OS/browser combination.
2. If easily accomplished, add the ability for the user to delete their uploaded images.
3. Replace the current version of [login to view URL] running on the site (1.4.5) with the latest version (4.1.0) and make any other edits necessary to ensure that images can be used properly and that no other functionality is broken. - NOTE that I tried just replacing the existing library files with the latest files at one point, and a bunch of items broke, such as the ability to print or save the finished designs. I reverted to the original files.
4. Make any other subtle changes necessary so the console displays few or no errors. Currently, numerous errors appear when viewing the console as one uses the site.
We assume that the easiest way to accomplish everything will be to create your own version of our environment to do your own testing. We can provide credentials to download all of the site files, the admin interface, and the MySQL database that runs everything. Once you have everything working properly on your test environment, we can work together to get everything loaded on our server to go live with the improvements.
Note that one additional file included below is our original Powerpoint file that laid out the functionality we wanted on the site. This might be helpful to understanding how everything works. Note that some functionality was never implemented or accomplished. Feel free to use the existing version of the site to get a better understanding. Let us know if you have questions.
Hi There, Do we need to make site responsive and mobile friendly as well? Are we looking for all browser compatibility? Let's connect over chat to discuss more on the project and get started. Regards, Shobhit Pun Daha Fazla