[Feature] Create a Product Details Page

[ShwetKhatri2001]

Description

The task here is to create a product details page having all the basic details that we see usually on any product page after clicking the product card. But instead of product images, we will show a 3D view of the product by default along with QR code ( for desktop ) or View AR button ( for mobile ) and keep the images section separate if the user wants to explore them as well.

We already have a ModelViewer component having a 3D viewer and QR code ( for desktop ). We can use it with directly with some modifications or can create a new component using it. The UI should be responsive for all viewports and the component should be reusable.

Screenshots

Create a separate product details page which will be opened onclick to a button present on home page.
Product details page is nothing but the kind of page shown below that you get on amazon.com.

But with two more features :

• 3D product viewer instead of 2D images
• AR view of the product

For which, you just need to integrate ModelViewer component on the left part of the screen.
3D viewer and AR viewer both are already included in that component

Checklist

• I have checked the existing issues
• I have read the [Contributing Guidelines]
• I am willing to work on this issue (optional)
• I am a GSSoC'23 contributor

[shraddha761]

@ShwetKhatri2001 Will you please assign this issue to me

[ShwetKhatri2001]

@shraddha761 You've shown interest to work on many issues, but I can only assign one issue at a time.
So, tell me which one you're more interested to work on.
I'd like you to work on this issue based on priority, still, the choice is yours.

[shraddha761]

@ShwetKhatri2001 I can work on any issue assign those which has high priority

[ShwetKhatri2001]

Okay, you can start working on this. You can ask your queries here whenever you want. Try to complete it within 5 days.

[ShwetKhatri2001]

Any updates or issues @shraddha761 ?
Please try to make your changes and raise your PR within the next 3 days.
After that, This issue will be open to other interested contributors.

[ShwetKhatri2001]

Let's give other contributors a chance to work on this issue. This issue is open to be assigned now.
I've updated the description to clear the objectives.

[ShatilKhan]

Hi @ShwetKhatri2001 please assign for SWOC24

[ShwetKhatri2001]

Okay, go ahead @ShatilKhan. You're assigned. Make sure you have a look at all the requirements. I'm assigning this issue for Medium level now, the final level will be based on the quality of contribution.

[ShwetKhatri2001]

Any updates or issues @ShatilKhan ? Please try to complete it in the next 3 days.

[ShatilKhan]

On it

[ShatilKhan]

I'll be making the pull request by today, just giving an update

[ShwetKhatri2001]

Let's give a chance to other contributors to work on this. This issue is open to contributors.