
অন্যান্য
প্ল্যাটফর্মগুলোর চারপাশের এমন সব অংশ যা অ্যাপও নয়, সাইটও নয়: gm-libs, অথেনটিকেশন, ডেটা, ইন্টারফেস ও ব্যাকগ্রাউন্ড কাজের জন্য সেই পুনর্ব্যবহারযোগ্য TypeScript প্যাকেজ, যা থেকে Webanion-এর প্রতিটি ফ্রন্টএন্ড ও ব্যাকএন্ড শুরু হয়; আর একটি পণ্যের ডিজাইনের পথচলা, ইন্টারঅ্যাক্টিভ Figma প্রোটোটাইপ ও তার UI/UX থেকে শুরু করে বাজারে নিয়ে যাওয়া ভিজ্যুয়াল অ্যাসেট ও টিউটোরিয়াল ভিডিও পর্যন্ত।
gm-libs, যে প্যাকেজে শুরু Webanion-এর প্রতিটি ফ্রন্টএন্ড ও ব্যাকএন্ড
ভার্সন করা, ফ্রেমওয়ার্ক-নিরপেক্ষ প্যাকেজের একটি পরিবার, যা থেকে Webanion-এর প্রতিটি ফ্রন্টএন্ড ও ব্যাকএন্ড শুরু হয়, সার্ভারে একটি NestJS স্তর আর ক্লায়েন্টে React, Vue ও Expo বাইন্ডিংসহ: পাসকি ও সিঙ্গল সাইন-অনসহ অথেনটিকেশন, ফিচার ফ্ল্যাগ, অডিট ট্রেইল, মাল্টি-টেন্যান্ট ডেটা, এনক্রিপশন, ফাইল, ডকুমেন্ট, বার্তা, রিয়েল-টাইম ও অফলাইন, ওয়েবহুক, ওয়ার্কার আর একটি UI কিট। প্রতিটি থাকে নিজস্ব প্রাইভেট রিপোজিটরিতে, নিজস্ব রিলিজসহ, ইনস্টল হয় স্টুডিওর প্রাইভেট npm রেজিস্ট্রি থেকে, আর স্টুডিওর কনসোল দেখায় কোন কনজিউমার কোন রিলিজে পিছিয়ে আছে।
Fully Booked - প্রচারমূলক এবং টিউটোরিয়াল ভিডিও প্রোডাকশন
একটি প্রোমোশনাল ভিডিও, যা যুক্তরাজ্যের একজন মিনিবাস অপারেটরকে Fully Booked-এর সুবিধাগুলো তাদের গুরুত্বের ক্রমে দেখায়, স্টক ফুটেজ নয়, আসল অ্যাপ দিয়ে তৈরি। এটি শুরু হয় অপারেটরের নিজের সমস্যা দিয়ে, প্রতিটি সুবিধাকে একটি আসল স্ক্রিনে একটি করে মুহূর্ত দেয়, আর কয়েকটি দৈর্ঘ্যে কাটা হয়েছে, সোশ্যাল ফিডের কয়েক সেকেন্ডের হুক থেকে ল্যান্ডিং পেজ ও স্টোর লিস্টিংয়ের পূর্ণ সংস্করণ পর্যন্ত।
Fully Booked - Photoshop সহ ভিজ্যুয়াল অ্যাসেট ডিজাইন
স্টোরের স্ক্রিনশট, একটি ফিচার গ্রাফিক, একটি অ্যাপ আইকন ও ইমেইলের আর্ট, আসল স্ক্রিন থেকে Photoshop-এ তৈরি, যাতে একটি নতুন প্ল্যাটফর্মও অপারেটরদের চোখে প্রতিষ্ঠিত দেখায়। স্ক্রিনশটগুলো Apple ও Google-এর চাওয়া প্রতিটি সাইজে পাঁচটি সোয়াইপে পুরো কথাটা বলে, প্রতিটি ইমেইল খোলে ব্র্যান্ডের রঙে নিজস্ব একটি ইলাস্ট্রেশন দিয়ে, আর আইকন ও স্প্ল্যাশ স্ক্রিনে থাকে দুটি হাত মেলানোর লোগো।
Fully Booked - মোবাইল অ্যাপ এবং অ্যাডমিন প্যানেলের জন্য UI/UX ডিজাইন
Fully Booked-এর প্রতিটি স্ক্রিন শুরু হয়েছে একটি স্কেচ হিসেবে, যা কোনো কোডের খরচ হওয়ার আগেই প্রতিষ্ঠাতা অনুমোদন করেছেন, আর প্রতিটিই কোনো অপারেটর বা গ্রাহকের একটি সমস্যার উত্তর। অপারেটরের হোম স্ক্রিন হয়ে উঠেছে আয়ের একটি মেনু, Get Covered তার হাতে আঁকা প্রবাহের ক্রম বজায় রেখেছে, কোট ও বাতিলের চিঠি এসেছে প্রতিষ্ঠাতার নিজের ভাষা থেকে, আর অ্যাডমিন পাঁচটি ওয়্যারফ্রেম করা ট্যাব থেকে বেড়ে হয়ে উঠেছে নেটওয়ার্কের কন্ট্রোল রুম। MVP-র স্ক্রিনগুলো ডিজাইন করেছিলেন Webanion-এর আরেকজন ডিজাইনার; ২, ৩ ও ৪ নম্বর ধাপ আমি নিজে Figma-তে রিডিজাইন করেছি, এই প্রবাহগুলোকে ভিত্তি করে।
Fully Booked - ওয়েব এবং মোবাইলের জন্য ইন্টারেক্টিভ ফিগমা প্রোটোটাইপ
Fully Booked-এর প্রতিটি ধাপ একটি ক্লিকযোগ্য Figma প্রোটোটাইপ হিসেবে সংযুক্ত করা হয়েছিল, যাতে প্রতিষ্ঠাতা সেটি তৈরির জন্য টাকা দেওয়ার আগেই চালিয়ে দেখতে, প্রশ্ন করতে ও অনুমোদন দিতে পারেন। অ্যাপ, গ্রাহক ওয়েবসাইট ও অ্যাডমিনের জন্য তিনটি ফাইল একই স্টাইল ও কম্পোনেন্ট ভাগ করে নেয়, আর অপারেটরদের পাঠানো ডকুমেন্টগুলো প্রোটোটাইপ করা হয়েছে সেই ট্যাপসহ যা সেগুলো পাঠায়। ডেভেলপাররা অনুমানের বদলে তৈরি ফ্রেম থেকে কাজ করেছেন, আর প্রতিটি ধাপ তার পরিধির মধ্যেই থেকেছে। MVP ডিজাইন করেছিলেন Webanion-এর আরেকজন ডিজাইনার; ২, ৩ ও ৪ নম্বর ধাপের রিডিজাইন আমার নিজের।
Fully Booked - Canva সহ মার্কেটিং এবং প্রচারমূলক ডিজাইন
ছয়টি বিজ্ঞাপন, প্রতিটি যুক্তরাজ্যের মিনিবাস ও কোচ অপারেটরদের কাছে Fully Booked-এর একটি করে সুবিধা বিক্রি করে, অ্যাপের আসল স্ক্রিন দিয়ে Canva-তে তৈরি। জিজ্ঞাসাকে বুকিংয়ে বদলানো, অপারেটরের নিজের ওয়েবসাইটে একটি বুকিং হাব, কয়েক সেকেন্ডে কোট, সব বুকিং এক জায়গায়, বিশ্বস্ত পার্টনারদের কাছ থেকে কভার, আর শুধু বুকিং প্রতি খরচ: প্রতিটি বিজ্ঞাপনে একটি প্রতিশ্রুতি, একই চেহারা, আর এমন কম্পোনেন্ট যাতে পরের বিজ্ঞাপন বানাতে লাগে কয়েক মিনিট। একই ভিজ্যুয়াল পরে প্রোমোশনাল ভিডিওরও ভিত্তি হয়েছে।
ট্যাগ ধরে এই কাজগুলো দেখুন
আমি অন্য কোথায় তৈরি করি
MCP সার্ভার যা একটি বাস্তব প্ল্যাটফর্মকে AI অ্যাসিস্ট্যান্টের কাছে উন্মুক্ত করে, এজেন্ট পাইপলাইন যা হিউম্যান অ্যাপ্রুভাল গেটের পেছনে সত্যিকারের সম্পাদনার কাজ করে, এবং যে অবকাঠামো এগুলোকে প্রোডাকশনে সচল রাখে। সিস্টেম হিসেবে তৈরি, অথেনটিকেটেড, স্কোপড এবং অডিটেড, কখনোই ডেমো নয়।
React Native ও Expo দিয়ে তৈরি iOS ও Android অ্যাপ, পেছনের প্ল্যাটফর্মেরই একটি অংশ হিসেবে: ওয়েবের মতো একই ব্যাকএন্ড, অথেনটিকেশন ও ডেটা মডেল, আর একই ছন্দে স্টোরগুলোতে রিলিজ। এই তাকে আছে যুক্তরাজ্যের মিনিবাস ও কোচ অপারেটরদের বুকিং প্ল্যাটফর্ম ও কাজ ভাগাভাগির নেটওয়ার্ক থেকে শুরু করে আঠারো মাস ধরে তৈরি ভ্রমণকারীদের সহায়তার অ্যাপ, শিক্ষার্থীদের জীবন-দক্ষতার অ্যাপ, স্থানীয় খেলাধুলার অ্যাপ, একটি ডিস্ট্রিবিউটরের বিলিং টুল এবং একটি ফ্যান প্ল্যাটফর্ম।
মেশিনেই থেকে যাওয়া কাজের জন্য Electron ও React-এ তৈরি ডেস্কটপ সফটওয়্যার: অফলাইনে চলতে সক্ষম, Windows, macOS ও Linux-এর জন্য প্যাকেজ করা, আর প্ল্যাটফর্ম থাকলে অন্য যেকোনো ক্লায়েন্টের মতোই তার ব্যাকএন্ডে যুক্ত। এই তাকের উদাহরণ Keyboard Tracker, নিজস্ব রিপোর্ট জেনারেটরসহ একটি কর্মী কার্যকলাপ ট্র্যাকার।
হেডলেস CMS-এর ওপর React ও Next.js-এ তৈরি ওয়েব প্ল্যাটফর্ম ও তার সামনের সাইট: প্রতিদিন ব্যবসা চালানোর অ্যাডমিন ড্যাশবোর্ড, কাস্টমার পোর্টাল, একটি সমবায়ের লেজার ও ঋণ ব্যবস্থা, আর দ্রুত লোড হওয়া পাবলিক সাইট যা সার্চ ইঞ্জিন ও AI ক্রলারের কাছে সহজে পড়া যায়। আকার যা-ই হোক, সার্ভার-রেন্ডারড, স্থানীয়কৃত ও মাপা।
যে অবকাঠামো ও রিলিজের কাজ একটি প্ল্যাটফর্মকে সচল রাখে: ম্যানেজড ক্লাউড থেকে সেলফ-হোস্টেড Kubernetes-এ একটি প্রোডাকশন মাইগ্রেশন, কোনো রেকর্ড করা ডাউনটাইম ছাড়াই; Cloudflare-এর পেছনে Dockerized সার্ভিস, পুশ করলেই শিপ হওয়া CI/CD, আর স্টোর রিভিউ পেরিয়ে মোবাইল রিলিজ। ব্যাকআপ, TLS ও মনিটরিং কাজেরই অংশ, বাড়তি কিছু নয়।
এমবেড করা যায় এমন অংশ, যা একটি প্ল্যাটফর্মকে অন্যের ওয়েবসাইটে পৌঁছে দেয়। Prebooked উইজেট দিয়ে একজন মিনিবাস বা কোচ অপারেটর নিজের সাইটেই বুকিংয়ের ব্যবস্থা রাখতে পারেন, যার পেছনে কাজ করে Fully Booked প্ল্যাটফর্ম, ফলে গ্রাহক পেজ ছেড়ে না গিয়েই বুক করেন। বসানো সহজ, আর যে পণ্যকে এটি বিস্তৃত করে তার মানেই তৈরি।











