MarketplaceRetail and online shops

E-Commerce App

An online shop for a small, well-chosen range. Customers browse by category, see what is really in stock, check out with their delivery details and follow every order from their account. The owner runs the shop from one admin page: orders and their status, products and stock, shipping and settings. The interface comes in English and Romanian; products are entered once, in the shop's own language.

Get this app
  • Included with the Starter and Pro plans
  • An exact copy of the whole application
  • Frontend, backend and data included
  • Yours to keep and change in your own repository
  • Multilanguage, for whatever country you need
Home page hero with a featured product collage
Home page hero
pages in the shop
8
admin tabs
4
backend workflows
7
data tables
6
order statuses
6
Made for
  • Small independent shops with a short, curated range
  • Makers and brands selling their own products
  • Shops that take payment by bank transfer, payment link or on delivery
  • Agencies building a simple online shop for a client
Every screen

See it the way customers and the shop do

A shop window worth stopping at

  • Editorial hero with a featured product collage and the shop's key facts
  • Announcement bar and free-shipping threshold, both set in the admin
  • Category tiles with photos and product counts
  • Favourites, a brand banner and New in, filled from the catalog
Home page hero with a featured product collage

1 / 5Home page hero with a featured product collage

How an order moves

Every order priced and checked by the server

Customers can only order what is in stock, and the shop moves each order on, from new to delivered.

  1. New
  2. Paid
  3. Packed
  4. Shipped
  5. Delivered
Checkout with delivery details and the order summary
What you get

The whole application, one to one

Shop

  • Home
  • Shop and categories
  • Product
  • Cart
  • Checkout
  • Order confirmation
  • Account, sign in and create account
  • My orders

Admin

  • Overview
  • Orders
  • Products
  • Settings

Backend

  • 7 workflows for the catalog, sign-in, orders and the admin
  • 6 tables: users, categories, products, orders, order lines, settings
  • 9 sample products in 4 categories

Technology

  • React 18, Tailwind CSS, shadcn-style components, Lucide icons
  • Passwords stored as hashes; sign-in uses signed tokens that last 7 days
  • Admin data and changes require an admin account, checked on the server
  • Prices, totals, shipping and stock worked out on the server for every order
  • English and Romanian interface, with dates, numbers and prices formatted for each
In the admin

Change it without touching code

  • Shop name, announcement bar, currency, shipping fee, free-shipping threshold and contact details
  • Every product: name, category, price, old price, stock, photo address, texts, visibility and featured
  • The status of every order
In the code

A quick edit to make it yours

  • The home page headline and introduction
  • The promise strip and the brand banner
  • The footer line
  • The colours and fonts
  • The site's page title
  • Any interface text, in the English and Romanian language files
Setting it up

Six steps to your own shop

You will need

  • A Ubex account, where the app's workflows and tables run
  • Your own product photos, online at a web address
  1. Add your own JWT_SECRET.
  2. Set the app's address in the allowed origins of the workflows.
  3. Clear the demo users, orders and order lines from the tables.
  4. Publish the app on a subdomain or custom domain.
  5. Create the first account. It becomes the admin.
  6. Enter the shop's details in Settings, replace the sample products, and change the categories in the Categories table.
Good to know

What it doesn't do

Better to know now than later. You can add any of this yourself: the code is yours to change.

  • No online paymentThere is no card or wallet checkout. The shop arranges payment with the customer and sets the order to Paid.
  • No emailsNo order confirmations, shipping updates or receipts by email. Customers follow their orders in My orders.
  • No password resetA customer who forgets their password has to contact the shop.
  • No guest checkoutAn account is needed to order.
  • No discount codesA product can show an old price, but there are no codes or coupons.
  • No variantsNo sizes, colours or options: each product is one item with one price.
  • No photo uploadProduct photos are set by web address.
  • Cancelling doesn't restockCancelling an order does not put its items back in stock.
  • One currencyOne currency per shop.
  • No reviewsNo product reviews or ratings.
  • No category screenCategories are changed in the Categories table or through the API, not in the admin.
  • One flat shipping feePlus free shipping above a threshold. No shipping zones, carrier integration or tracking numbers.
  • No invoices, tax or returnsNo invoices, tax calculation, refunds or returns handling.
  • Content in one languageThe interface switches between English and Romanian, but products, categories and the announcement bar are entered once, in the shop's language, and are not translated.

Everything in these screens is made up: Northwind Store, its email address and phone number, its customers and their addresses, the orders and the revenue figures. The product photos are placeholders from Unsplash. They are not part of the app, so replace them with your own.

Open your shop online

Get an exact copy, put your name on it and make it yours.