Remix

Make your own version of E Bike Hub

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

Original by Deborah weel

What would you change?

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.

E BIKE HUB — BUILD A COMPLETE ELECTRIC BIKE STORE

Build a functional online electric-bike store called E Bike Hub. This must be a real website with a connected database, working shopping cart, checkout, order management, and secure administrator dashboard. Do not build a demo or a visual-only mockup.
If a project already exists, preserve its working features and update it instead of unnecessarily rebuilding it.

1. LUXURY DESIGN

Use a premium luxury color palette:

Gold: #D4AF37

Deep gold: #AA8428

White: #FFFFFF

Black: #111111

Warm white: #F7F7F5

Create a modern, elegant electric-bike dealership website that works on Android phones, tablets, and desktop computers.
Include a homepage, product catalog, brand categories, product details, shopping cart, checkout, order confirmation, order tracking, contact page, and secure administrator dashboard.

2. ADD 20 ELECTRIC BIKE MODELS

Create the following initial product listings with editable suggested prices in USD.

SUR-RON

Hyper Bee — $1,899

Light Bee X — $3,099

Ultra Bee — $3,499

Storm Bee — $4,999

TALARIA

XXX (X3) — $1,799

Sting MX3 — $2,199

Sting R MX4 — $4,909

Sting MX5 Pro — $2,900

Komodo — $2,999

E RIDE PRO

Mini R — $2,189

S — $2,500

SS 2.0 — $3,059

SS 3.0 — $3,899

4.0 — $2,980

SR — $2,660

OTHER ELECTRIC DIRT AND MOTOCROSS BIKES

79Bike Falcon Pro — $2,099

Rawrr Mantis X Pro — $2,899

Segway Xaber 300 — $4,099

Zero XE — $4,240

Stark Varg MX — $6,553

IMPORTANT: These are suggested starting prices, not confirmed current supplier prices. Store them in the database and allow the administrator to change them. Verify each model, exact variant, supplier price, and availability before accepting orders. Do not falsely claim E Bike Hub is an authorized dealer.

3. PRODUCT IMAGES

Every product must have at least three different genuine photographs of the correct model:

Side view.

Front or three-quarter view.

Rear or another detailed view.

Do not duplicate one image to fill the gallery. Use legitimate images the store has permission to display. Let the administrator upload, replace, and manage product photos.
If genuine images are unavailable, flag the product for review rather than displaying unrelated bikes or broken images.

4. PRODUCT INFORMATION

Each product page must include:

Brand and model name.

Price in USD.

Product photographs.

Verified specifications.

Model year and variant where known.

Motor power, battery capacity, range, and top speed where verified.

Weight and charging information where verified.

Availability status.

Quantity selector.

Add to Cart button.

Buy Now button.

Shipping information.

Do not invent specifications, stock, warranties, or performance claims.

5. SEARCH AND FILTERS

Customers must be able to search for any product by brand or model name.
Add filters for:

Brand.

Price range.

Bike category.

Availability.

Include sorting by price and separate brand pages. All search results must come from the actual product database.

6. SHOPPING CART AND REAL CHECKOUT

Customers must be able to:

Add multiple bikes to the cart.

Change quantities and remove products.

View accurate subtotals.

See shipping charges and applicable taxes.

View the final amount due.

Complete checkout without creating an account.

Collect:

Customer name.

Email address.

Phone number.

Delivery address.

City.

State or region.

Postal code.

Country.

Save orders and order items in a persistent database. Generate a unique order number and show an order confirmation after successful submission.
Calculate prices and totals securely on the server. Do not rely on browser storage alone for orders.

7. CREATE A SECURE BANK DETAILS SETTINGS PAGE

This is a critical requirement.
Create a visible Bank Details Settings page inside the authenticated Admin Dashboard.
I have a Lead Bank account and the six banking details available to me are:

Bank Name.

Account Holder Name.

Account Number.

Routing Number.

Account Type.

Bank Address.

Create editable form fields for these six details only. Do not require additional banking details just to save my existing information.
I have not entered these details yet. After the website is built, I want to open the settings page and enter them myself.
Add these buttons:

Save Bank Details.

Edit Bank Details.

Preview Payment Instructions.

Show a clear success or error message after saving.
The settings must remain saved after refreshing the page or signing out and back in.
Do not put my real bank details into this prompt, hard-code fake bank details, or require me to edit source code to enter them.
Connect the form to persistent storage. It must be functional, not just a visual form.
Only authenticated administrators may view or change banking information. Use appropriate database permissions and server-side access controls. Never expose privileged database keys, administrator credentials, or private configuration in public frontend code.
After implementation, tell me exactly how to open the Bank Details Settings page and enter my information.

8. BANK TRANSFER PAYMENTS

Support bank transfers only when the receiving account is confirmed to support the selected method.

ACH transfers

Use the routing and account information confirmed by Lead Bank for ACH transfers.

US domestic wire transfers

Enable this option only after the correct domestic wire instructions have been confirmed with Lead Bank. Do not assume the ACH routing number is also the correct wire routing number.

International wire transfers

Do not advertise this option as available until Lead Bank confirms the required receiving instructions.
Do not invent missing routing numbers, SWIFT/BIC codes, IBANs, or intermediary bank details.
At checkout, show customers the correct saved payment instructions for their selected method, together with their order number and exact amount due.
Orders must remain Payment Pending until the money is actually verified as received. Uploading a payment receipt must not automatically mark an order as paid.
Allow authorized administrators to verify receipt of funds and update the payment status.

9. ADMIN DASHBOARD

Create a secure dashboard with these sections:

Overview.

Products.

Inventory.

Orders.

Payments.

Bank Details Settings.

Store Settings.

Allow administrators to:

Add, edit, and disable products.

Change prices.

Upload and replace product images.

Update verified product specifications.

Manage inventory.

View and manage customer orders.

Review and verify payments.

Update shipping and delivery statuses.

Edit bank details.

Ordinary customers must not be able to access administrative pages or other customers' private information.

10. ORDER MANAGEMENT AND CUSTOMER PRIVACY

Provide order statuses:

Order Received.

Payment Pending.

Payment Verified.

Processing.

Shipped.

Delivered.

Cancelled.

Allow customers to track orders using a secure tracking process. Never expose personal details simply because someone guesses an order number.
Do not create fake orders, fake payment confirmations, fake customer reviews, or false inventory claims.

11. DATABASE AND BACKEND

Use the existing database if already configured. Otherwise, integrate Supabase for persistent storage.
Create the required database structure for:

Products.

Product images.

Inventory.

Orders.

Order items.

Payment status.

Bank settings.

Configure secure authentication, appropriate database access policies, and server-side validation.
Never expose privileged database keys in public frontend code. If backend credentials are required, explain where I should configure them securely.

12. FINAL TESTING AND COMPLETION

Test:

Product search and filtering.

Product image galleries.

Product price editing.

Cart calculations.

Guest checkout.

Database order creation.

Saving and retrieving bank details.

Displaying payment instructions.

Administrator authentication.

Order management.

Payment status management.

Mobile responsiveness.

Identify any remaining setup required for genuine product images, verified supplier inventory, database credentials, email notifications, shipping, taxes, domain hosting, and production deployment.
Do not claim that the website is fully production-ready if required services remain unconfigured.

FINAL INSTRUCTION

Build the complete E Bike Hub website with all 20 products and suggested prices, a luxury gold, white, and black design, real database-backed shopping and orders, and a working secure Bank Details Settings page.
I want to enter my six existing Lead Bank details myself after the website is created. When you finish, explain exactly where I should go in the administrator dashboard to enter and save them.

Uses API keys: you add your own after remixing.

Start fresh from this prompt

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