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

এক নজরে

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

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

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

পরিবর্তন

৪৮-ঘণ্টার ডেলিভারি
Your component is built and delivered within 2 days — useful if you're unblocking a sprint, filling a gap in your codebase, or just want to see real output quickly.

আপনার যা সরবরাহ করতে হবে

আপনার ফিগমা লিঙ্ক + কোন উপাদান + আপনার কাঠামো
অর্ডার করার আগে, আপনি যে একটি উপাদান তৈরি করতে চান তা চিহ্নিত করুন (যেমন হিরো, নেভিগেশন বার, প্রাইসিং কার্ড, মোডাল) এবং আপনার প্রজেক্টে React, Next.js, নাকি সাধারণ HTML/CSS ব্যবহার করা হয়েছে তা নিশ্চিত করুন। একটি শেয়ার করা Figma লিঙ্ক সবচেয়ে সঠিক ফলাফল দেয়, তবে একটি স্ক্রিনশট সহজ উপাদানগুলির জন্য কাজ করে।

এর জন্য সেরা

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

আপনি কি পাবেন

ফরম্যাট:
ডিজিটাল ফাইল
ক্লাউড লিঙ্ক
ডেলিভারি পদ্ধতি:
অর্ডার ম্যানেজার

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

একটি ফিগমা উপাদান আছে যা তৈরি করা দরকার? আমাকে একটি উপাদান পাঠান — একটি হিরো সেকশন, নেভিগেশন বার, প্রাইসিং কার্ড, প্রোডাক্ট কার্ড, ফর্ম, মোডাল, বা অন্য কিছু — এবং আমি এটিকে পরিষ্কার, প্রোডাকশন-রেডি রিঅ্যাক্ট + টেলউইন্ড সিএসএস কোডে রূপান্তর করব। কোনো টেমপ্লেট নেই। কোনো পেজ বিল্ডার নেই। শুধুমাত্র আসল কোড যা আপনার ডিজাইনের সাথে পিক্সেল-টু-পিক্সেল মেলে এবং আপনার বিদ্যমান প্রকল্পে সরাসরি যুক্ত হয়। আপনি যদি একটি ওয়েবসাইট তৈরি করেন এবং একবারে একটি সেকশন অফলোড করতে চান তবে এটি উপযুক্ত। অথবা আপনি যদি একটি বড় ফিগমা-টু-কোড প্রকল্পে প্রতিশ্রুতিবদ্ধ হওয়ার আগে আমার কাজ পরীক্ষা করেন। আপনি যা পাবেন: • একটি ফিগমা উপাদান রিঅ্যাক্ট + টেলউইন্ডে রূপান্তরিত • আপনার ডিজাইনের সাথে পিক্সেল-পারফেক্ট স্পেসিং, টাইপোগ্রাফি এবং রঙ • সম্পূর্ণরূপে প্রতিক্রিয়াশীল (মোবাইল, ট্যাবলেট, ডেস্কটপ) • টাইপস্ক্রিপ্ট প্রপস সহ পরিষ্কার, পুনরায় ব্যবহারযোগ্য উপাদান • একটি গিটহাব রেপো বা ডাউনলোডযোগ্য জিপ হিসাবে সরবরাহ করা হয়েছে • আপনার বিদ্যমান নেক্সট.জেএস, রিঅ্যাক্ট, বা ভিটে প্রকল্পে কাজ করে আমি SaaS প্ল্যাটফর্ম, রেস্তোরাঁ সিস্টেম, ই-কমার্স স্টোর এবং B2B পোর্টালগুলির জন্য ফিগমা ডিজাইন রূপান্তর করেছি। আমি যে প্রতিটি উপাদান তৈরি করি তা আধুনিক সেরা অনুশীলনগুলি অনুসরণ করে: সিম্যান্টিক HTML, অ্যাক্সেসযোগ্য মার্কআপ এবং পরিষ্কার কোড যা আপনি বজায় রাখতে পারেন। আপনার ফিগমা লিঙ্ক ( "anyone with link can view" হিসাবে শেয়ার করা) নির্দিষ্ট উপাদান সহ পাঠান যা আপনি তৈরি করতে চান, এবং আমি 48 ঘন্টার মধ্যে সরবরাহ করব। আপনি যদি উপাদানটি পছন্দ করেন, তবে বেশিরভাগ ক্রেতা বড় প্রকল্প নিয়ে ফিরে আসেন — কারণ তারা কাজের থেকে কী আশা করতে হবে তা জানেন। জটিল উপাদান বা অ্যানিমেটেড উপাদান — হিরো সেকশন, নেভিগেশন, প্রাইসিং সেকশন, অথবা মাল্টি-স্টেট কার্ড। ডিফল্টরূপে টাইপস্ক্রিপ্ট — এটি পরিষ্কার, নিরাপদ এবং বজায় রাখা সহজ। যদি আপনার প্রকল্পের জন্য জাভাস্ক্রিপ্ট (প্লেইন.jsx/.js ফাইল) প্রয়োজন হয়, তবে অর্ডার করার আগে আমাকে বলুন এবং আমি পরিবর্তে জাভাস্ক্রিপ্টে সরবরাহ করব। উভয়ই সম্পূর্ণরূপে সমর্থিত। স্ক্রিনশটগুলি সাধারণ উপাদানগুলির জন্য কাজ করে — আমি একটি চিত্র থেকে পুনরায় তৈরি করতে পারি। তবে, সঠিক স্পেসিং, ফন্ট এবং রঙগুলি অনুমান করার প্রয়োজন হতে পারে। যদি আপনার কাছে ফিগমা লিঙ্ক থাকে (এমনকি শুধুমাত্র পঠনযোগ্য), তবে এটি দ্রুততম এবং সবচেয়ে নির্ভুল রুট।

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

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

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

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

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

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

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

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

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

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

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

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

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

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

পরিষেবার বিবরণ

পরিষেবার প্রকার
স্ট্যান্ডার্ড
উপস্থিতি
24/7
বিক্রেতার দেশ
নাইজেরিয়া
গৃহীত ভাষা
সমস্ত ভাষা গৃহীত
এনডিএ উপলব্ধ
হ্যাঁ
হ্যান্ডেল করা প্রকল্পের আকার
যেকোনো আকার
প্রতিক্রিয়ার সময়
24 ঘন্টার মধ্যে
অভিজ্ঞতার বছর
4

প্রায়শই জিজ্ঞাসিত প্রশ্নাবলী

ডিফল্টরূপে রিঅ্যাক্ট বা নেক্সট.জেএস। অনুরোধে Vue এবং Angularও উপলব্ধ। আমি স্টাইলিংয়ের জন্য টেইলউইন্ড সিএসএস ব্যবহার করি যদি না আপনি সিএসএস মডিউল, বুটস্ট্র্যাপ, বা স্টাইলড-কম্পোনেন্টস পছন্দ করেন — অর্ডার করার আগে আপনার পছন্দ আমাকে জানান।

সাধারণ কম্পোনেন্টগুলির জন্য স্ক্রিনশট কাজ করে — আমি একটি ছবি থেকে পুনরায় তৈরি করতে পারি। তবে, সঠিক স্পেসিং, ফন্ট এবং রঙ অনুমান করতে হতে পারে। যদি আপনার কাছে ফিগমা লিঙ্ক থাকে (এমনকি শুধুমাত্র পঠনযোগ্য), তবে এটি দ্রুততম এবং সবচেয়ে নির্ভুল পথ।

ডিফল্টরূপে টাইপস্ক্রিপ্ট — এটি পরিষ্কার, নিরাপদ এবং রক্ষণাবেক্ষণ করা সহজ। যদি আপনার প্রকল্পের জন্য জাভাস্ক্রিপ্ট (সাধারণ.jsx/.js ফাইল) প্রয়োজন হয়, তবে অর্ডার করার আগে আমাকে জানান এবং আমি এর পরিবর্তে জাভাস্ক্রিপ্টে সরবরাহ করব। উভয়ই সম্পূর্ণরূপে সমর্থিত।

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

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

বিভাগসমূহ

Zinner নীতিসমূহ

I Will convert one Figma component into clean React and Tailwind code 1 » Zinn Hub

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

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

Zinn Hub অ্যাপ পান

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

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

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