بن اوپر اٹھتا ہے۔ اچار نظر آتے ہیں۔ ایک اور چیز چیز شامل کریں اور برگر آپ کے سامنے بدل جاتا ہے، ساتھ ہی رسید بھی بدل جاتی ہے۔کسی دوسری جگہ، ایک خریدار ایک تصویر کو ہُڈی پر ڈراپ کرتا ہے، اسے تھوڑا اوپر کرتا ہے، پھر پروڈکٹ کو گھما کر دیکھتا ہے کہ کیسا محسوس ہوتا ہے۔ اس سادہ تعامل کے پیچھے بیچنے والے نے پہلے ہی فیصلہ کر رکھا ہوتا ہے کہ آرٹ ورک کہاں جا سکتا ہے اور اس کا سائز کتنا ہوگا۔یہ دو بہت مختلف خریداری کے تجربے ہیں۔ ان میں ایک مشترک سوچ ہے: ایک اسٹور آپ کے بیچنے والی چیز کے گرد ترتیب دیا جا سکتا ہے، حتیٰ کہ اس طرح تک کہ کوئی اسے کیسے منتخب کرے۔ہم نے دونوں شروعاتی نمونوں کو Modern Shop collection on GitHub میں رکھا ہے: ایک 3D فاسٹ فوڈ اسٹورفرنٹ اور ایک کسٹم مرچنڈائز کے لیے پروڈکٹ ڈیزائنر۔ سورس MIT لائسنس کے تحت دستیاب ہے، لہٰذا آپ اسے دیکھ سکتے ہیں، ڈھال سکتے ہیں، اور اسی بنیاد پر کام بنا سکتے ہیں۔ایک خیال لائیں، اپنا برانڈ، اور کوئی AI کوڈنگ ٹول جیسے Codex یا Claude Code۔ پہلے سے ہی کچھ دلچسپ مواد ہے جس سے آپ کام شروع کر سکتے ہیں۔
An original editorial illustration of the two Modern Shop ideas. Interface shown is conceptual; actual demo screens follow.
Jelly Bites: گاہک اپنا لنچ خود بنائیں
Jelly Bites لائیو ڈیمو سے شروع کریں۔ ایک برگر منتخب کریں، اسے گھمائیں، اور کسی جزو کو بدل کر دیکھیں۔ کھانا نرم جنبش کے ساتھ جواب دیتا ہے۔ کسی تہہ کو ہائی لائٹ کریں تو پوری اسٹیک کھل جاتی ہے تاکہ آپ اندر کیا ہے دیکھ سکیں۔یہ کھیل جیسا محسوس ہوتا ہے، مگر اس تعامل کا عملی مقصد بھی ہے۔ گاہک اپنی پسند کو دیکھ سکتے ہیں۔ اچار، ساس، چیز، اور ٹاپنگز آرڈر کے مرئی حصے بن جاتے ہیں نہ کہ ایسی آپشنز جنہیں انہیں تصور کرنا پڑے۔پزا بلڈر اسی خیال کو دوسرے رخ میں لے جاتا ہے: سائز، کراسٹ، ساس، اور ٹاپنگز منتخب کریں، پھر پزا بنتے ہوئے دیکھیں۔ ایک لائیو رسید آپ کے فیصلوں کے نتائج ظاہر کرتی ہے۔ ڈیمو میں ڈیلیوری یا پک اپ، پروموشنل کوڈز، چیک آؤٹ، اور آرڈر ٹریکنگ اسکرین بھی دکھائی گئی ہے۔
Actual Jelly Bites demo capture from the Modern Shop repository. Menu values and checkout behavior are sample data.
یہاں ایک چھوٹی سی تفصیل اہم ہے جب لوگ اپنا ذہن بدلتے ہیں۔ بلڈنگ اسٹیج پر آئٹم ایک ڈرافٹ ہوتا ہے جب تک گاہک اسے منتخب نہ کرے۔ پھر کارٹ کا آئٹم دوبارہ 3D بلڈر میں واپس لایا جا سکتا ہے اور ایڈیٹ کیا جا سکتا ہے۔ یہ وہ تعامل ہے جو ایک ریستوران اپنی ضرورت کے مطابق بنا سکتا ہے — مثلاً کراچی یا لاہور کے ایک مقامی برگر شاپ (مثال کے طور پر 'کراچی برگر') اپنے مینو اور پیکیجنگ کے مطابق اسے ڈھال سکتی ہے۔3D فاسٹ فوڈ اسٹورفرنٹ کا سورس Vue، TypeScript، اور Three.js کے ساتھ بنایا گیا ہے۔ آپ کو ڈیمو آزمانے کے لیے ان ناموں کی گہری جانکاری درکار نہیں۔ ایک ڈویلپر یا کوڈنگ ایجنٹ کے لیے یہ براؤزر بیسڈ پروجیکٹ کو سمجھنے اور بڑھانے کا ایک پہچانا ہوا آغاز ہے۔ فوڈ اشکال کوڈ میں جنریٹ ہوتی ہیں، جو آپ کو دکھاوے کی تبدیلی یا رویے میں ترمیم کے لیے واضح بنیاد دیتی ہیں۔ایک برگر شاپ اپنا مینو اپنی ترکیبوں اور پیکیجنگ کے مطابق ڈھال سکتی ہے۔ ایک پزا برانڈ اپنے مخصوص کمبینیشنز کو پہلے رکھ سکتا ہے۔ آپ رنگ، زبان، کاپی، اجزاء کے اختیارات، اور آرڈرنگ فلو کو بزنس کے مطابق بدل سکتے ہیں۔ سیمپل میں انگریزی اور فارسی لی آؤٹس پہلے سے موجود ہیں، اور آپ انہیں اردو / مقامی سیاق و سباق کے مطابق شامل کر سکتے ہیں۔ایک حد کو سمجھنا ضروری ہے اگر آپ اسے حقیقی آرڈرز کے لیے استعمال کرنا چاہیں: موجودہ ڈیمو سیمپل کیٹلاگ ڈیٹا، براؤزر میں محفوظ آرڈرز، اور سیمولیٹڈ چیک آؤٹ اور ٹریکنگ استعمال کرتا ہے۔ اس کا Selldone کنکشن ابھی نافذ ہونے کی ضرورت رکھتا ہے۔ بصری تجربہ دریافت کرنے کے لیے موجود ہے؛ حتمی کیٹلاگ اور قیمتوں کی جانچ سرور، ادائیگی، اور تکمیل کے لیے حقیقی کامرس انٹیگریشن ضروری ہے۔ 3D تجربے کے لیے WebGL 2 قابلِ براؤزر درکار ہے، لہٰذا اپنے صارفین کے فونز اور براؤزرز پر تبدیلی کو ٹیسٹ کریں۔
Mockup Studio: بیچنے والے اور خریدار دونوں کے لیے الگ تجربے
ایک کسٹم ٹی شرٹ شاپ کا مسئلہ مختلف ہوتا ہے۔ خریدار تجربہ آزمانا چاہتا ہے۔ پرنٹر کو وہ ڈیزائن چاہیے جو حقیقی پرنٹ ایریا میں فٹ ہو۔Mockup Studio اس مسئلے کے دونوں پہلوؤں کو حل کرنے کی کوشش کرتا ہے۔ لائیو پروڈکٹ ڈیزائنر ڈیمو کھولیں اور آپ دو واضح موڈز دیکھیں گے: Seller (اسٹور ایڈمن کے لیے) اور Shopper (خریدار کے لیے)۔
بیچنے والا ایک بار قواعد سیٹ کرتا ہے
ٹیمپلیٹ بلڈر میں، بیچنے والا پروڈکٹ منتخب کرتا ہے، پروڈکٹ ویوز شامل کرتا ہے، اور پرنٹ ایریا کی تعریف کرتا ہے۔ یہ طول و عرض ملی میٹر میں محفوظ ہوتے ہیں، ریزولوشن اور بلیڈ کے لیے سیٹنگز کے ساتھ — یعنی ٹرم ایج کے اردگرد اضافی آرٹ ورک۔بیچنے والا پھر فیصلہ کرتا ہے کہ خریدار کیا تبدیل کر سکتا ہے: مثال کے طور پر آرٹ ورک کو حرکت دینا، سائز بدلنا، یا گھمانا۔ چھاتی پر لگنے والا پرنٹ اپنی حدود رکھ سکتا ہے، جب کہ آستین کے لیے دوسری حدود ہوں۔ ٹیمپلیٹ کو خریدار کے منظرنامے سے ٹیسٹ کیا جا سکتا ہے اس کے بعد جب اسے میزبان ایپلی کیشن کے حوالے کیا جائے۔
Actual Mockup Studio seller editor. The merchant defines product views, physical print areas, and customer permissions in this local demo.
یہ جدائی صرف ایک ٹی شرٹ تک محدود نہیں کرتی۔ سیمپل گیلری میں ٹی شرٹ، ہُڈی، سویٹر، کیپ، مگ، کشن، اور ہینگ ٹیگ شامل ہیں۔ تیار شدہ 3D ایسٹس بھی سپورٹڈ ماڈل فارمیٹ میں استعمال ہو سکتے ہیں۔ کسی مختلف پروڈکٹ شکل کے لیے، ماڈل اور اس کے پرنٹ ایریا میپنگ کی تیاری لازم ہوگی۔اسٹسوڈیو کنفیگرڈ 3D ماڈل سے ابتدائی پروڈکٹ فوٹوز بھی بنا سکتا ہے۔ یہ بیچنے والے کو ایڈیٹر کے لیے ویوز تیار کرنے کا ایک اور طریقہ دیتا ہے جب وہ پروڈکٹ تجربہ تیار کر رہا ہو — مثال کے طور پر ایک چھوٹی مقامی ڈیزائن شاپ، جیسے 'لاہور پرنٹس' یا 'کراچی مگز'۔
گاہک کے پاس کھیلنے کی جگہ ہوتی ہے
خریدار کا ایڈیٹر زیادہ مرکوز ہوتا ہے۔ ایک تصویر اپلوڈ کریں، اس کی پوزیشن ایڈجسٹ کریں، سائز سیٹ کریں، اور پروڈکٹ پر پریویو دیکھیں۔ مرچنٹ کے قواعد برقرار رہتے ہیں جبکہ گاہک تجربہ آزما سکتا ہے۔یہاں فوٹو بیسڈ 2D ویوز اور ایک اختیاری 3D ویو ہے جسے گھمایا جا سکتا ہے۔ آرٹ ورک میں تبدیلیاں ماڈل پر ظاہر ہوتی ہیں۔ سپورٹڈ سافٹ پروڈکٹس پر، ایک پل ٹول آپ کو کپڑے کو اٹھاتے ہوئے دکھا سکتا ہے اور پھر وہ دوبارہ بیٹھتا ہے۔ یہ ایک پریویو ایفیکٹ ہے؛ یہ وہ آرٹ ورک نہیں کھینچتا جو پرنٹ کے لیے بھیجا جائے گا۔
Actual Mockup Studio shopper editor, showing uploaded artwork on a rotatable 3D hoodie. Orders and fulfillment still require host integration.
پروجیکٹ میں واضح فرق چلتا ہے: ایک منظر خریدار کو دکھاتا ہے کہ آئٹم کیسا دکھ سکتا ہے۔ دوسرا ایک شفاف PNG ہوتا ہے پرنٹ سرفیس کے لیے، کنفیگرڈ جسمانی طول و عرض اور ریزولوشن استعمال کرتے ہوئے۔ ایک پرنٹ کوالٹی انڈیکیٹر یہ سمجھانے میں مدد دیتا ہے کہ سورس امیج کے پکسلز اس کے منتخب کردہ سائز سے کیسے متعلق ہیں۔حقیقی پروڈکشن ورک فلو کے لیے، پرنٹر کو پھر بھی طول و عرض، رنگ، اور فائل تقاضوں کی منظوری درکار ہوگی۔ موجودہ ایکسپورٹ براؤزر رینڈرڈ RGB PNG ہے، پرنٹر مخصوص CMYK یا کلر پروفائل کنورژن کے بغیر۔ جنریٹڈ پروڈکٹ شیپس ہر ملبوسے کی بالکل ناپ لی ہوئی نقول نہیں بلکہ تصویری نمائندے ہیں۔ڈیمو ٹیمپلیٹس اور ڈیزائنز کو مقامی طور پر محفوظ رکھتا ہے۔ انہیں بزنس کے ساتھ محفوظ کرنا، عین ڈیزائن کو آرڈر کے ساتھ منسلک کرنا، ادائیگی لینا، اور کام پروڈکشن کو بھیجنا مکمل اسٹور کے انٹیگریشن کے مراحل ہیں۔ ٹیکسٹ/فونٹ ٹولز، پروڈکٹ ویریئنٹس، اور 3D سطح پر براہِ راست آرٹ ورک ڈراگ کرنے جیسی خصوصیات ابھی روڈ میپ پر ہیں۔
ایک شروعاتی نقطۂ نظر AI کے ساتھ بات چیت بدل دیتا ہے
"میرے لیے اسٹور بنائیں" AI اسسٹنٹ کے لیے بہت سی چیزیں اندازہ لگانا چھوڑ دیتا ہے۔ "اس پروڈکٹ ایڈیٹر کو لیں، ہمارے برانڈ کا استعمال کریں، اور ہمارے پرنٹ شاپ کے لیے کسٹمر جریدے کو کام کرنے کے قابل بنائیں" اسے کوئی ٹھوس چیز دیتا ہے۔
Original editorial illustration of personalized merchandise. Product styling and tablet interfaces are conceptual, not screenshots of Mockup Studio.
Selldone MCP کہاں فٹ بیٹھتا ہے
اسٹور کا سامنے وہ حصہ ہے جسے گاہک چھوتا ہے۔ اس کے پیچھے پروڈکٹس، اسٹاک، ادائیگیاں، شپنگ، اور وہ آرڈرز ہوتے ہیں جنہیں کسی کو پورا کرنا ہوتا ہے۔Selldone MCP ایک مربوط AI اسسٹنٹ کو مجاز Selldone شاپ تک ساختی رسائی دیتا ہے۔ بناتے وقت، یہ ایجنٹ کو شاپ کے کیٹلاگ، مواد، اور سپورٹڈ کنفیگریشن کے ساتھ کام کرنے میں مدد دے سکتا ہے، تاکہ وہ فرضی ڈیمو ڈیٹا کے جھرمٹ میں اندازہ نہ لگائے۔ رسائی آپ کے منتخب کردہ شاپ اور پرمیشنز کے اندر رہتی ہے۔فروخت شدہ فرنٹ اینڈ کو پھر اپنی نفاذ شدہ Selldone API یا سروس انٹیگریشن کی ضرورت ہوگی۔ MCP اسسٹنٹ کو ڈویلپمنٹ اور منظور شدہ شاپ کے کام میں مدد کرتا ہے؛ یہ خودکار طور پر ڈیمو کے چیک آؤٹ بٹن کو حقیقی ادائیگی کے بہاؤ میں تبدیل نہیں کرتا۔Jelly Bites کے لیے، اس کا مطلب مینو اور آرڈر فلو کو حقیقی کامرس سروسز سے جوڑنا ہے۔ Mockup Studio کے لیے، اس کا مطلب بیچنے والے کے ٹیمپلیٹ اور گاہک کے منتخب کردہ ڈیزائن کو قابل اعتماد طریقے سے محفوظ کرنا اور پھر اس ڈیزائن کو صحیح پروڈکٹ اور آرڈر کے ساتھ محفوظ رکھنا ہے۔ گاہک کی جانب کا تجربہ منفرد رہ سکتا ہے جبکہ Selldone کامرس کی بنیاد فراہم کرتا ہے۔اس بنیاد پر تعمیر کرنے کے مختلف طریقے ہیں۔ ایک مکمل اسٹور فرنٹ کو Selldone Layout ورک فلو کے ذریعے حسبِ ضرورت بنایا جا سکتا ہے، جبکہ ایک زیادہ مخصوص کسٹم ایپلیکیشن ایک الگ فرنٹ اینڈ استعمال کر سکتی ہے۔ Selldone Genesis overview ان راستوں کی وضاحت کرتا ہے۔ صحیح انتخاب اس بات پر منحصر ہے کہ آپ موجودہ اسٹور کا کتنا حصہ رکھنا چاہتے ہیں اور کس قدر غیر روایتی کسٹمر سفر درکار ہے۔
اپنے AI کو بہتر ابتدائی بریف دیں
آپ مندرجہ ذیل درخواست کو کوڈنگ ماحول میں شروع کر سکتے ہیں۔ کروہِ بریکٹ والے حصے اپنی بزنس تفصیلات سے بدل دیں۔
Inspect the two projects at https://github.com/Modern-Shop and recommend the better starting point for [میری بزنس]. Read its documentation, then clone the chosen project into a new folder. Show which features work today and which need integration. Adapt the customer journey to [میرا برانڈ، مصنوعات، اور ضروریات], keeping it usable on mobile.
ایک بار جب آپ نے سمت منتخب کر لی، اگلا مِیل اسٹون مانگیں:
Connect the intended Selldone shop through MCP with the permissions this task needs. Plan and implement the real catalog, design-storage where relevant, cart, checkout, and order integration using supported Selldone services. Replace demo assumptions with actual shop data. Test the complete flow and show a preview for review before deployment.
یہ پرامپٹس ایک بلڈ بات چیت کی ابتداء ہیں۔ ایک اچھا ایجنٹ پروجیکٹ کا معائنہ کرے گا، کمیوں کی نشاندہی کرے گا، اور آپ کے ساتھ مل کر انہیں حل کرے گا۔ایک پہلے ریستوران مِیل اسٹون کے لیے، آپ ایک مکمل آرڈر مانگ سکتے ہیں: ایک آئٹم کو کسٹمائز کریں، صحیح قیمت دیکھیں، سپورٹڈ ٹیسٹ فلو میں ادائیگی کریں، اور یہ تصدیق کریں کہ بزنس نے آرڈر وصول کر لیا ہے۔ پرنٹ شاپ کے لیے، ایک اپلوڈ شدہ ڈیزائن کو پریویو سے لے کر وہی محفوظ کردہ آرٹ ورک تک جو آرڈر کے ساتھ منسلک ہو، ٹریک کریں۔یہیں تک کہ کسٹم اسٹور فرنٹ ایک زیادہ اقتصادی پروجیکٹ بن سکتا ہے۔ موجودہ تعامل کوڈ اور ایک کامرس پلیٹ فارم آپ کو وہ کم چیزیں بنانے سے بچا سکتے ہیں جو آپ کو شروع سے تیار کرنی پڑتی۔ حتمی لاگت پھر بھی اس بات پر منحصر ہے کہ آپ کو کس ڈیزائن، انٹیگریشنز، ایسٹس، ہوسٹنگ، اور ٹیسٹنگ کی ضرورت ہے۔ MIT لائسنس سیمپل سورس کو دوبارہ استعمال کے قابل بناتا ہے؛ اس میں وہ خدمات مفت شامل نہیں ہیں۔
خود بنائیں، یا ہمارا ٹیم لے آئیں
ہم Modern Shop سیمپلز کو بہتر کرتے رہیں گے اور کلیکشن کو فروغ دیں گے۔ آپ موجودہ ورژنز سے شروع کر سکتے ہیں، پورا تجربہ ڈھال سکتے ہیں، یا وہ حصہ لیں جو آپ کے مسئلے کا حل کرتا ہو۔اگر آپ چاہیں کہ ماہرین آپ کے برانڈ کے مطابق نتیجہ تیار کریں، تو آپ Selldone کی آفیشل سیٹ اپ اور ڈیزائن ٹیم سے مخصوص اسٹور فرنٹ کا تخمینہ درخواست کر سکتے ہیں۔ جو ڈیمو آپ کو پسند ہو، اپنے پراڈکٹس، اور وہ تجربہ لائیں جو آپ چاہتے ہیں کہ گاہک محسوس کریں۔ ہم پروجیکٹ کے شروع ہونے سے قبل ڈیزائن اور نفاذ کا دائرہ آپ کے ساتھ طے کر سکتے ہیں۔شاید آپ کا اسٹور ایک ایسے برگر سے شروع ہو جو اسکرین پر کھل کر الگ ہو جاتا ہے۔ شاید یہ ایک مگ پر چھوٹی تصویر سے شروع ہو۔ ڈیموز کھولیں، کچھ بدل کر دیکھیں، اور دیکھیں کون سا خیال آپ کے کاروبار جیسا محسوس ہوتا ہے۔Modern Shop on GitHub کو دریافت کریں · 3D فوڈ بلڈر آزمائیں · Mockup Studio آزمائیں
FAQ
Modern Shop کیا ہے؟
Modern Shop Selldone کے لیے بنائے گئے اوپن سورس تصوراتی اسٹورفرنٹس کا ایک مجموعہ ہے۔ موجودہ دونوں نمونے Jelly Bites، ایک 3D فاسٹ فوڈ اسٹورفرنٹ، اور Mockup Studio، ایک بیچنے والے اور خریدار کے لیے پروڈکٹ کسٹمائزیشن ٹول ہیں۔
کیا Modern Shop سیمپلز کو اپنی مرضی کے مطابق بنانا مفت ہے؟
دونوں پروجیکٹس اپنا سورس MIT لائسنس کے تحت شائع کرتے ہیں۔ آپ اس کوڈ کو اس لائسنس کی شرائط کے تحت استعمال اور ڈھال سکتے ہیں، بشمول اس کے نوٹس تقاضوں کے۔ ڈیزائن ورک، AI استعمال، کامرس سروسز، ہوسٹنگ، اور پروڈکشن انٹیگریشنز کے الگ اخراجات ہو سکتے ہیں۔
کیا میں ChatGPT یا Codex استعمال کر کے ان اسٹورفرنٹس میں تبدیلی لا سکتا/سکتی ہوں؟
جی ہاں۔ ChatGPT ایک بریف تیار کرنے میں مدد دے سکتا ہے، اور Codex جیسے کوڈنگ ماحول ریپوزیٹری کا معائنہ، پروجیکٹ میں ترمیم، اور انٹیگریشنز کی ٹیسٹنگ میں مدد دے سکتے ہیں۔ ایجنٹ کو ٹھوس ضروریات دیں اور تعیناتی سے پہلے نتیجہ کا جائزہ لیں۔
کیا ڈیموز پہلے ہی Selldone کے لائیو چیک آؤٹ سے منسلک ہیں؟
نہیں۔ Jelly Bites نمکین کامرس ڈیٹا استعمال کرتا ہے، اور Mockup Studio مقامی ٹیمپلیٹ اور ڈیزائن ورک فلو دکھاتا ہے۔ ایک مکمل کام کرنے والا اسٹور حقیقی پروڈکٹس، کارٹس، ادائیگیاں، آرڈرز، اور مستقل ڈیزائن اسٹوریج کے لیے مناسب Selldone انٹیگریشن چاہتا ہے۔
Mockup Studio میں گاہک کیا کسٹمائز کر سکتے ہیں؟
سیمپل مصنوعات جیسے ٹی شرٹس، ہڈیز، کیپس، اور مگز پر اپلوڈ شدہ آرٹ ورک کو مرچنٹ کے کنفیگر کیے گئے پرنٹ ایریاز کے اندر ایڈجسٹ کیا جا سکتا ہے۔ صارفین پلیسمنٹ ایڈجسٹ کر سکتے ہیں اور فوٹو بیسڈ 2D یا سپورٹڈ 3D پریویوز دیکھ سکتے ہیں۔ کچھ ایڈوانسڈ ایڈیٹنگ فیچرز ابھی روڈ میپ پر ہیں۔
کیا Selldone کی ٹیم میرے کاروبار کے لیے کسٹم اسٹور فرنٹ ڈیزائن کر سکتی ہے؟
جی ہاں۔ آپ Selldone کی آفیشل سیٹ اپ سروس کے ذریعے مخصوص اسٹور فرنٹ کا تخمینہ درخواست کر سکتے ہیں۔ ٹیم مطلوبہ ڈیزائن، فنکشنالٹی، دائرہ کار، اور ڈیلیوری شرائط کا جائزہ لیتی ہے قبل اس کے کہ پروجیکٹ آرڈر کیا جائے۔
اپنے خیالات ہمارے ساتھ شیئر کریں۔