Web-based Image Color Customizer

Job ID: 38043533

Budget: $30 – $250 USD

I'm looking for a skilled developer to create an interactive tool that allows users to change colors of different segments of an image. The tool will be web-based and the primary goal is to allow users to customize each segment's color.

We would like to add a functionality to our Joomla website that allows customers to customize carpets with their own colors. Here's how we want it to work:

Adjusting Product Page:
When a user visits a product page for a carpet, we want to add a "Customize" button next to the product. This button opens a popup window or modal where the user can customize the carpet.

Integrating Color Customization Tool:
In the customization window, frames should be visible around the various parts of the carpet that can be customized (e.g., edges, patterns, etc.). These frames should be interactive, meaning that when a user clicks on them, they can choose the color of that specific part.

Real-time Color Display:
When a user selects a color, it should be immediately visible on the carpet in the customization window. This means that we need to show real-time color adjustments to the user as they select colors.

Saving Customized Colors:
Once a user is satisfied with the customized colors of the carpet, these colors need to be saved. This can be done by tracking the selected colors in a session variable or by storing them in the database linked to the user's account.

Adding to Cart and Placing Order:
When a user adds the carpet with customized colors to their shopping cart and places an order, the selected colors need to be included in the order details. This means that the customized carpet, along with the chosen colors, will be received by us so that we can make it as the customer desires. The shopping cart is an existing PHP environment.

Technology:
The client-side can be written in any language, but we prefer Angular. The client-side should function in a web browser.
The server-side should be written in PHP. If for any reason this cannot be done in PHP, please let us know before proceeding with another language, so we can determine if it fits into our shop.
Related categories: PHP JavaScript HTML Segment Deep Learning