01 THE CODEBASE
TYPED once.
A developer types one codebase. At MInSysT I built I2OC and I2OC Gold on Vue.js with a single-codebase architecture, along with their bundle apps: mShop on I2OC, AU Silver on I2OC Gold. A new brand does not get a new codebase.
Code, addresses, file names, prices and table rows here are illustrative. The architecture is real.
// one codebase. a brand is config.
brand {
name = "02 A NEW CUSTOMER
YOU ARE THE customer.
The code stops here. It needs a company, a product and a place to run. Every choice drives what you will see.
Global runs on the platform. Local runs on your own server.
Nothing you type leaves this browser. Leave it blank and I will use a sample brand.
// on I2OC Gold
brand {
name = "03 YOUR BRANCH
INSIDE THE string.
The string is still open. Your company is the only cream light in here. On a bundle app like AU Silver, client-specific instances live on Git branches, with a unique bundle ID for each.
04 WEBSITE
YOUR STORE GOES live.
Your company data takes the brand live on the platform automatically, on a subdomain. Website within 2 days. It may differ.
Your Brand
Silver ring
₹2,400
240 in stock
status building
05 PAYMENT GATEWAY
CHECKOUT IS ALREADY wired.
The payment gateway comes with the store. Press Buy and follow your order. No real payment happens here.
06 INVENTORY
STOCK YOU CAN count.
Each cube is one unit of your product. No order has taken one yet. Stock updates in real time across warehouses, retail stores and online channels.
Mumbai godown: 240
Shop 2: 0
07 ADMIN PANEL
RUN IT FROM upstairs.
Products, sales and analytics in one panel. Change the price and watch the store follow. Every number here came from the form and your clicks.
Products
| Silver ring | ₹2,400 | 240 in stock |
Sales
| No orders yet |
Analytics
Total sales ₹0
Top item none yet
08 GOOGLE PLAY AND APP STORE
ONE CODEBASE. TWO stores.
Each product carries a bundle app: mShop on I2OC, AU Silver on I2OC Gold. On AU Silver, Flutter builds iOS and Android from one codebase. Each customer gets a unique bundle ID, and Kotlin handles the dynamic configuration.
I use Xcode for all iOS apps. Fastlane runs the TestFlight and production builds. Your data goes to Google Play Console and the App Store.
App live within 2 weeks. It may differ. The small phone in the middle is real: AU Silver on Google Play. The two big ones are drawn from your form.
Your Brand
Silver ring
₹2,400
com.yourbrand.app
Your Brand
Silver ring
₹2,400
com.yourbrand.app
09 YOUR OWN SERVER
WANT IT ON YOUR OWN server?
Some clients choose local: the product and the database on their own server. They get both shipped with Docker, under a license.
10 EVERY BRAND
YOUR NAME NEXT TO THE real ONES.
From up here it is the architecture diagram. I2OC carries mShop and I2OC Gold carries AU Silver, on a single-codebase architecture, and your line runs off the product you picked. It lasts until this page reloads.
11 BUILT ONCE
BUILT once. RUNS EVERY BRAND.
One form. The store, the gateway, the inventory, the admin panel and both apps came from it. I led this full-stack development at MInSysT.
brand {
name = "mShop"
on = "I2OC"
}
brand {
name = "AU Silver"
on = "I2OC Gold"
}
brand {
name = "Your Brand"
on = "I2OC Gold"
}