Sport Wear Configurator - Javascript Canvas 2D

Hi Guys,

We're looking for someone that could handle future upgrades (also a refactoring) of a custom PHP Multi Step form that fetch lots of data from a Wordpress website. Main data are sport products as shirts, long sleeved shirt, shorts, pants, socks, balls.

The website let you basically compose your sport outfit by selecting your favourite product.

The main feature is to show an image preview of selected products as if they were worn, so visually we will have a t-shirt on top, pants in the middle and socks at the bottom.

Now let me explain what we need now :

Need to re-arrange canvas width and in order to have more lateral space to set products position. For example currently after Shirt,Shorts,Socks selection we could select a Soccer Bag, and now we are forced to output it just near socks or worse just under the socks.

So I was thinking, to solve this, we could set col-12 preview for single image and increase main canvas width to 1024px, then if the website will be viewed from a device that has screen less than 1024px , a message will appear and will say to change or choose device with higher resolution.

If we will use col-12 and edit canvas width then we've got the problem on "how to show product details", could we eventually create a float button that can trigger a modal window showing product details.

Please send me a message I'll send you url link in private.

Ideal candidate must have :
Strong knowledge of JAVASCRIPT (especially how to handle Canvas context 2D)
Good knowledge of PHP and MYSQL (we are fetching product from a Wordpress MySQL DB)
Strong knowledge of Laravel Framework (we are planning to refactor it using Laravel as backend)
Good knowledge about at least one JS front end framework as react.js , angular.js, Vue,js

This is long term cooperation!
Who gets on board?


Thanks you in advance


Thanks