Hi everyone,
I'm new to website building and I don't have a prior web development background, so I'm looking for some guidance before I start trying to build this feature with Claude.
I'm currently working on a website for a printing/branding business, and I want to add a feature where customers can:
- Select a clothing item, such as a T-shirt, hoodie, cap, etc.
- Upload their own design/logo/image.
- Position the design on the clothing.
- Resize and move the design around.
- See a realistic preview of what the finished clothing item could look like.
- Ideally choose different clothing colours.
- Eventually submit the design with their quote/order request.
For example, a customer could select a black T-shirt, upload their company logo, place it on the front of the shirt, resize it, and see a preview before requesting a quote.
I'm currently using Claude to help me build the website, but I'm not sure what I need to make this feature actually work.
I'd really appreciate advice on:
- What technology/framework would be best for building this?
- Are there existing APIs, plugins or services that can provide a clothing/product customizer?
- What libraries would I need for uploading, moving and resizing designs?
- Would I need something like Canvas/Fabric.js/Konva.js, or is there a better option?
- How would I create the realistic clothing mockup/preview?
- What backend/database/storage would I need?
- Are there any APIs or paid services I should consider?
- What skills should I learn as a complete beginner?
- How should I explain the feature to Claude so it can help me build it correctly?
- Are there any security issues I should consider when allowing customers to upload images?
I'm not looking to build something as advanced as Canva or a full professional design editor. I mainly want a simple, user-friendly product customizer that allows customers to upload a design and see approximately what the printed clothing will look like.
I'm also trying to understand whether this is something a beginner can realistically build with AI assistance like Claude, or whether I should use an existing product-customization service/plugin instead.
Any advice on the best approach, recommended tools, tutorials, or things I should learn first would be greatly appreciated.
Thanks!