Remix

Make your own version of ResinCraft Custom Shop

Get an exact, working copy in your account, then change anything with chat.

Original by dharanidharuma575

Start free with 40 credits. No card needed.

Start fresh from this prompt

Builds a brand new app from the first prompt only, so later changes to the original are not included.

Create a complete modern e-commerce web application for a **Custom Resin Products Store**.

### Main Concept

Customers can browse resin products, touch/click a product to open its customization page, customize the product according to their requirements, enter their details, make payment, and track their order delivery.

The application should be a **fully functional website**, not just a UI design or static dashboard.

### 1. Home Page

Create a beautiful resin-art themed homepage with:

* Store name and logo
* Navigation: Home, Products, Customize, My Orders, Track Order, Contact
* Search bar
* Product categories
* Featured products
* New arrivals
* “Customize Your Product” button
* Add to Cart button
* Buy Now button

### 2. Product Page

When the customer clicks/touches any product:

* Show large product image
* Product name
* Price
* Description
* Available customization options
* Quantity selector
* Add to Cart
* Buy Now
* Customize button

### 3. Customization Page

When the customer selects **Customize**, show a form where they can customize the resin product.

Customization options should include:

* Product type
* Size
* Shape
* Base/background color
* Glitter color
* Flower selection
* Letter/name customization
* Photo upload
* Text/message
* Keychain/charm selection
* Additional requirements
* Quantity

Show a **live customization preview** whenever possible.

Calculate the customized product price dynamically based on selected options.

Show:

* Base price
* Customization charges
* Quantity
* Total price

Button:
**“Continue to Order”**

### 4. Customer Details

After customization, show an order form:

* Full Name
* Mobile Number
* Email
* House/Flat Number
* Street/Area
* City
* District
* State
* Pincode
* Delivery instructions

Add proper form validation.

### 5. Cart

Create a functional shopping cart:

* Product image
* Product name
* Customization summary
* Quantity
* Individual price
* Total price
* Remove item
* Update quantity
* Checkout button

### 6. Payment Page

Create a professional checkout/payment page.

Show:

* Order summary
* Customer address
* Phone number
* Product price
* Customization charges
* Delivery charge
* Final total

Payment options:

* UPI
* Credit/Debit Card
* Net Banking
* Cash on Delivery

For the prototype, payment can use a **mock/sandbox payment flow** and should clearly show:
Payment Successful / Payment Failed.

Do not store real card numbers or sensitive payment information.

### 7. Order Confirmation

After successful payment, show:

* Order placed successfully
* Order ID
* Product details
* Customization details
* Customer address
* Phone number
* Payment status
* Expected delivery date

Buttons:

* Track Order
* Continue Shopping

### 8. Order Tracking

Create a proper delivery tracking page.

Show order status using a timeline:

**Order Placed → Payment Confirmed → Order Processing → Customization in Progress → Packed → Shipped → Out for Delivery → Delivered**

Show:

* Order ID
* Tracking ID
* Current status
* Estimated delivery date
* Delivery address
* Last updated time

For the prototype, provide simulated status updates so the tracking feature can be demonstrated.

### 9. My Orders

Create a My Orders page where customers can see:

* Previous orders
* Order ID
* Product
* Price
* Order date
* Payment status
* Delivery status
* Track Order button
* View Order button

### 10. Admin Dashboard

Create an admin dashboard for the store owner.

Admin should be able to:

* Add products
* Edit products
* Delete products
* Change product price
* View customization requests
* View customer orders
* View customer address and phone number
* Update order status
* Add tracking ID
* Update estimated delivery date
* View payment status
* Manage inventory

Dashboard cards:

* Total Orders
* Pending Orders
* Processing Orders
* Shipped Orders
* Delivered Orders
* Total Sales

### 11. Database

Use a proper database/backend if supported.

Store:

* Products
* Product customization options
* Customer details
* Addresses
* Orders
* Order items
* Customization details
* Payment status
* Delivery status
* Tracking information

### 12. UI/UX

Design should look like a **premium handmade resin-art shopping website**.

Requirements:

* Mobile responsive
* Desktop responsive
* Modern cards
* Smooth animations
* Clean navigation
* Product images
* Attractive resin-art inspired design
* Easy checkout process
* Clear buttons
* Professional typography

### 13. Important Requirement

Do NOT create only a frontend mockup.

Build the project as a **complete working e-commerce prototype** with:

* Product browsing
* Product customization
* Dynamic pricing
* Cart
* Customer details
* Checkout
* Mock payment
* Order creation
* Order history
* Delivery tracking
* Admin order management

If real payment gateway, database, authentication, file upload, or delivery APIs require external credentials, create the integration structure and use safe demo/mock functionality so the project can still be fully demonstrated without real credentials.

### Suggested Store Name

Use:
**ResinAura – Customized Resin Creations**

Tagline:
**“Customize It. We Create It. You Love It.”**

Start fresh from this prompt

Builds a brand new app from the first prompt only, so later changes to the original are not included.