0
আপনার কার্ট
0
Zinn Hub
0
আপনার কার্ট
0

এক নজরে

এই পরিষেবা সম্পর্কে মূল বিবরণ যা আপনাকে সিদ্ধান্ত নিতে সাহায্য করবে। Zinn Hub দ্বারা তৈরি, বিক্রেতা দ্বারা নয়।

কি বিতরণ করা হয়

1 রিঅ্যাক্ট + টেইলউইন্ড কম্পোনেন্ট, রেসপনসিভ এবং টাইপ করা
আপনি একটি ফিগমা কম্পোনেন্ট পাবেন যা পরিষ্কার রিঅ্যাক্ট + টেইলউইন্ড সিএসএস-এ টাইপস্ক্রিপ্ট প্রপস সহ রূপান্তরিত হয়েছে, মোবাইল, ট্যাবলেট এবং ডেস্কটপ জুড়ে সম্পূর্ণরূপে রেসপনসিভ — একটি গিটহাব রেপো বা জিপ হিসাবে সরবরাহ করা হয়েছে যা সরাসরি আপনার নেক্সট.জেএস, রিঅ্যাক্ট, বা ভিট প্রজেক্টে ড্রপ করা যায়।

পরিবর্তন

48 ঘন্টার মধ্যে প্রস্তুত
2 দিনের ডেলিভারি উইন্ডো সহ, এটি একটি প্রোডাকশন-রেডি কম্পোনেন্ট দ্রুত তৈরি করার একটি উপায় — যদি আপনি মাঝপথে তৈরি করছেন এবং আপনার প্রজেক্টের গতি না কমিয়ে দ্রুত একটি সেকশন অফলোড করতে চান তবে এটি কার্যকর।

আপনাকে যা পাঠাতে হবে

ফিগমা লিঙ্ক + কম্পোনেন্ট পছন্দ + ফ্রেমওয়ার্ক
শুরু করার জন্য আপনাকে একটি ফিগমা লিঙ্ক শেয়ার করতে হবে ('লিঙ্ক সহ যে কেউ দেখতে পারে' সেট করা), আপনি যে কম্পোনেন্টটি তৈরি করতে চান তার নাম দিতে হবে (হিরো, নেভবার, কার্ড, ফর্ম, মোডাল, ইত্যাদি), আপনার ফ্রেমওয়ার্ক নিশ্চিত করতে হবে (রিঅ্যাক্ট, নেক্সট.জেএস, বা প্লেইন এইচটিএমএল/সিএসএস), এবং বিক্রেতাকে জানাতে হবে যে ফন্ট এবং অ্যাসেটগুলি ফাইলে আছে নাকি সেগুলির উৎস খুঁজে বের করতে হবে।

এর জন্য সেরা

একটি বড় প্রজেক্টের আগে একজন ডেভেলপারকে পরীক্ষা করা
বিক্রেতা স্পষ্টভাবে এটিকে নতুন ক্লায়েন্টদের জন্য একটি দক্ষতা প্রদর্শনী এবং টেস্টিং হিসাবে অফার করে — এটি আদর্শ যদি আপনার মনে একটি সম্পূর্ণ ফিগমা-টু-কোড প্রজেক্ট থাকে কিন্তু একটি বড় পরিসরে প্রতিশ্রুতিবদ্ধ হওয়ার আগে এই ডেভেলপারের কাছ থেকে বাস্তব আউটপুট দেখতে চান।

সম্পূর্ণ বিবরণ

একটি ফিগমা কম্পোনেন্ট তৈরি করার প্রয়োজন? আমাকে একটি কম্পোনেন্ট পাঠান — একটি হিরো সেকশন, নেভিগেশন বার, প্রাইসিং কার্ড, প্রোডাক্ট কার্ড, ফর্ম, মোডাল, বা অন্য কিছু — এবং আমি এটিকে পরিষ্কার, প্রোডাকশন-রেডি রিঅ্যাক্ট + টেইলউইন্ড সিএসএস কোডে রূপান্তর করব।

কোনো টেমপ্লেট নেই। কোনো পেজ বিল্ডার নেই। শুধু আসল কোড যা আপনার ডিজাইনের সাথে পিক্সেল-টু-পিক্সেল মেলে এবং সরাসরি আপনার বিদ্যমান প্রজেক্টে ড্রপ করা যায়।

আপনি যদি একটি ওয়েবসাইট তৈরি করেন এবং একবারে একটি সেকশন অফলোড করতে চান তবে এটি উপযুক্ত। অথবা আপনি যদি একটি বড় ফিগমা-টু-কোড প্রজেক্টে প্রতিশ্রুতিবদ্ধ হওয়ার আগে আমার কাজ পরীক্ষা করছেন।

আপনি যা পাবেন:
• একটি ফিগমা কম্পোনেন্ট রিঅ্যাক্ট + টেইলউইন্ডে রূপান্তরিত
• পিক্সেল-পারফেক্ট স্পেসিং, টাইপোগ্রাফি এবং আপনার ডিজাইনের সাথে মেলে এমন রঙ
• সম্পূর্ণরূপে রেসপনসিভ (মোবাইল, ট্যাবলেট, ডেস্কটপ)
• টাইপস্ক্রিপ্ট প্রপস সহ পরিষ্কার, পুনরায় ব্যবহারযোগ্য কম্পোনেন্ট
• একটি গিটহাব রেপো বা ডাউনলোডযোগ্য জিপ হিসাবে সরবরাহ করা হয়েছে
• আপনার বিদ্যমান নেক্সট.জেএস, রিঅ্যাক্ট, বা ভিট প্রজেক্টে কাজ করে

আমি SaaS প্ল্যাটফর্ম, রেস্তোরাঁ সিস্টেম, ই-কমার্স স্টোর এবং B2B পোর্টালগুলির জন্য ফিগমা ডিজাইন রূপান্তর করেছি। আমি যে প্রতিটি কম্পোনেন্ট তৈরি করি তা আধুনিক সেরা অনুশীলনগুলি অনুসরণ করে: সিম্যান্টিক এইচটিএমএল, অ্যাক্সেসযোগ্য মার্কআপ এবং পরিষ্কার কোড যা আপনি বজায় রাখতে পারবেন।

আপনার ফিগমা লিঙ্কটি ( "লিঙ্ক সহ যে কেউ দেখতে পারে" হিসাবে শেয়ার করা) নির্দিষ্ট কম্পোনেন্ট সহ আমাকে পাঠান যা আপনি তৈরি করতে চান, এবং আমি 48 ঘন্টার মধ্যে ডেলিভারি দেব।

যদি আপনার কম্পোনেন্টটি পছন্দ হয়, তবে বেশিরভাগ ক্রেতা বড় প্রজেক্ট নিয়ে ফিরে আসেন — কারণ তারা কাজের কাছ থেকে কী আশা করতে হবে তা জানেন।

আপনি যা পাবেন
• একটি ফিগমা কম্পোনেন্ট React + Tailwind CSS-এ রূপান্তরিত হয়েছে
• ফিগমা ডিজাইনের সাথে পিক্সেল-পারফেক্ট লেআউট মিলেছে
• রেসপনসিভ (মোবাইল, ট্যাবলেট, ডেস্কটপ)
• TypeScript + পরিষ্কার কম্পোনেন্ট কাঠামো
• সোর্স কোড সহ GitHub রেপো বা ZIP
• গ্রহণের আগে যাচাই করার জন্য ডিপ্লয়েড প্রিভিউ URL
• 1 রিভিশন রাউন্ড
• ডেলিভারির পর 7 দিনের সাপোর্ট
এই কাজের উদাহরণ
ফিগমা থেকে নেক্সট.জেএস-এ রূপান্তরিত হিরো সেকশন
ফিগমা থেকে নেক্সট.জেএস-এ রূপান্তরিত হিরো সেকশন

একটি ফিগমা হিরো সেকশনকে একটি সম্পূর্ণ রেসপনসিভ রিঅ্যাক্ট কম্পোনেন্ট হেডলাইন, সাবহেডলাইন, CTA বাটন এবং ইমেজ ব্লকে রূপান্তরিত করা হয়েছে। ফ্রেমার মোশন স্ক্রল অ্যানিমেশন সহ পিক্সেল-পারফেক্ট মিল।

স্ট্যাক: ফিগমা → রিঅ্যাক্ট · নেক্সট.জেএস 15 · টেইলউইন্ড সিএসএস · ফ্রেমার মোশন

ফিগমা থেকে রূপান্তরিত প্রোডাক্ট কার্ড গ্রিড
ফিগমা থেকে রূপান্তরিত প্রোডাক্ট কার্ড গ্রিড

একটি ফিগমা প্রোডাক্ট কার্ড গ্রিডকে হোভার স্টেট, অ্যাড-টু-কার্ট বাটন এবং রেসপনসিভ লেআউট সহ একটি পুনরায় ব্যবহারযোগ্য রিঅ্যাক্ট কম্পোনেন্টে রূপান্তরিত করা হয়েছে। একটি ই-কমার্স স্টোরফ্রন্টে ব্যবহার করা হয়েছে।

স্ট্যাক: ফিগমা → রিঅ্যাক্ট · নেক্সট.জেএস · টেইলউইন্ড সিএসএস

ফিগমা থেকে রূপান্তরিত ড্যাশবোর্ড KPI কার্ড
ফিগমা থেকে রূপান্তরিত ড্যাশবোর্ড KPI কার্ড

একটি ফিগমা ড্যাশবোর্ড KPI সেকশনকে রিঅ্যাক্ট কম্পোনেন্টে রূপান্তরিত করা হয়েছে — স্ট্যাট কার্ড, স্পার্কলাইন চার্ট এবং রেসপনসিভ গ্রিড। একটি অ্যাডমিন প্যানেলে ব্যবহার করা হয়েছে।

স্ট্যাক: ফিগমা → রিঅ্যাক্ট · টেইলউইন্ড সিএসএস · রিচার্টস

কেন এটি একটি Micro Zinn

একটি Micro Zinn হল একটি ছোট, নির্দিষ্ট মূল্যের টেস্টার বা মাইক্রো পরিষেবা। expertdeprudent এটি অফার করছে:

দক্ষতা প্রদর্শনপোর্টফোলিও নির্মাতাদ্রুত ছোট কাজনতুন ক্লায়েন্টদের জন্য উন্মুক্ত

Zinner গুণমান গ্যারান্টি

✓
যাচাইকৃত পেশাদার
প্রতিটি Zinner প্ল্যাটফর্মে যোগদানের আগে পর্যালোচনা এবং অনুমোদিত হয়।
✓
গুণমানের কাজের গ্যারান্টি
সমস্ত পরিষেবা আমাদের গুণমান নিশ্চিতকরণ প্রতিশ্রুতির দ্বারা সমর্থিত।
✓
নিরাপদ পেমেন্ট
আপনার পেমেন্ট সুরক্ষিত থাকে যতক্ষণ না আপনি বিতরণ করা কাজটি অনুমোদন করেন।

গ্রাহক পর্যালোচনা

আমাদের গ্রাহকরা এই Zinn সম্পর্কে কী বলেন তা দেখুন

Zinner নীতিসমূহ

আমি একটি ফিগমা কম্পোনেন্টকে পরিষ্কার রিঅ্যাক্ট এবং টেইলউইন্ড কোডে রূপান্তরিত করব — Zinn Hub-এ উপলব্ধ

শুধুমাত্র লগ ইন করা গ্রাহকরা যারা এই পণ্যটি কিনেছেন তারাই একটি পর্যালোচনা দিতে পারবেন।

বিকল্প এবং অর্ডার

Zinn Hub অ্যাপ পান

বিজ্ঞপ্তি · দ্রুত অ্যাক্সেস · পূর্ণ-স্ক্রিন

আপনার ব্রাউজারে শেয়ার ট্যাপ করুন

➜ তারপর "হোম স্ক্রিনে যোগ করুন" ট্যাপ করুন