আপনার কাছে একটি ডিজাইন এবং একটি ব্যাকএন্ড আছে, এবং ব্যবহারকারীরা আসলে যে অংশটি দেখে সেটি প্রয়োজন। আমি ফিগমা স্ক্রিনগুলিকে টাইপস্ক্রিপ্টে একটি রিঅ্যাক্ট বা নেক্সট.জেএস ফ্রন্ট এন্ডে পরিণত করি, যা ফোন থেকে ডেস্কটপ পর্যন্ত রেসপনসিভ, এবং লোডিং, খালি এবং ত্রুটি অবস্থাগুলি পরিচালনা করে এটিকে আপনার এপিআই-এর সাথে সংযুক্ত করি।
আমি আপনার রিঅ্যাক্ট বা নেক্সট.জেএস ফ্রন্ট এন্ড একটি ফিগমা ডিজাইন থেকে তৈরি করব এবং এটিকে আপনার এপিআই-এর সাথে সংযুক্ত করব।
আপনার ফিগমা ফাইল থেকে একটি স্ক্রিন, রেসপনসিভ, টাইপ করা এবং আপনার এপিআই-এর সাথে সংযুক্ত।
- একটি স্ক্রিন
- প্রতিক্রিয়াশীল ডিজাইন
- আপনার এপিআই-এর সাথে সংযুক্ত
- সোর্স কোড
আপনার এপিআই-এর সাথে সংযুক্ত 5টি পর্যন্ত স্ক্রিন, লোডিং, খালি এবং ত্রুটি অবস্থা সহ।
- 5 স্ক্রিন পর্যন্ত
- প্রতিক্রিয়াশীল ডিজাইন
- আপনার এপিআই-এর সাথে সংযুক্ত
- সোর্স কোড
আপনার প্রমাণীকরণের বিরুদ্ধে লগইন, শেয়ার করা উপাদান এবং পরীক্ষা সহ 12টি পর্যন্ত স্ক্রিন।
- 12টি পর্যন্ত স্ক্রিন, লগইন, পরীক্ষা
- প্রতিক্রিয়াশীল ডিজাইন
- আপনার এপিআই-এর সাথে সংযুক্ত
- সোর্স কোড
একটি কাস্টম অফার অনুরোধ করুন
একটি কাস্টম অফারের জন্য লগ ইন করুন
এই Zinner থেকে একটি ব্যক্তিগতকৃত অফার অনুরোধ করতে একটি বিনামূল্যে অ্যাকাউন্ট তৈরি করুন অথবা লগ ইন করুন৷
লগ ইন / রেজিস্টার করুনবিক্রয়-পূর্ব প্রশ্ন জিজ্ঞাসা করুন
প্রশ্ন জিজ্ঞাসা করতে লগ ইন করুন
প্ল্যাটফর্ম স্প্যাম কমাতে, প্রাক-বিক্রয় বার্তা শুধুমাত্র লগইন করা ব্যবহারকারীরা পাঠাতে পারবেন।
একটি বিনামূল্যে অ্যাকাউন্ট তৈরি করুন অথবা এই Zinner-কে সরাসরি মেসেজ করতে লগ ইন করুন।
লগ ইন / রেজিস্টার করুনলগ ইন করা প্রয়োজন
এই Zinner-কে মেসেজ করতে একটি বিনামূল্যে অ্যাকাউন্ট তৈরি করুন অথবা লগ ইন করুন।
লগ ইন / রেজিস্টার করুনলগ ইন করা প্রয়োজন
একটি ব্যক্তিগতকৃত অফার অনুরোধ করতে একটি বিনামূল্যে অ্যাকাউন্ট তৈরি করুন বা লগ ইন করুন।
লগ ইন / রেজিস্টার করুনএক নজরে
এই পরিষেবা সম্পর্কে মূল বিবরণ যা আপনাকে সিদ্ধান্ত নিতে সাহায্য করবে। Zinn Hub দ্বারা তৈরি, বিক্রেতা দ্বারা নয়।
মূল্য অবস্থান
প্রযুক্তি স্ট্যাক
প্রতিক্রিয়াশীল এবং ক্রস-ব্রাউজার
API ইন্টিগ্রেশন
সহায়তা সময়কাল
আপনি কি পাবেন
সম্পূর্ণ বিবরণ
ডিজাইন করা হয়েছে এবং এপিআই প্রস্তুত বা প্রায় প্রস্তুত, কিন্তু ব্যবহারকারীরা যে স্ক্রিনগুলি দেখতে পাবেন তা এখনও বিদ্যমান নেই। আমি শুধুমাত্র ফ্রন্ট এন্ড তৈরি করি: আপনার ব্যাকএন্ড, প্রমাণীকরণ প্রদানকারী এবং হোস্টিং যেমন আছে তেমনই থাকে এবং কোডটি আপনার রিপোজিটরিতে যায়। ডেলিভারির 14 দিন পর, আমরা যা সম্মত হয়েছিলাম তা কাজ না করলে আমি বিনামূল্যে ঠিক করি।
স্টার্টার দিয়ে আপনি আপনার ফিগমা ফাইল থেকে একটি স্ক্রিন বা পৃষ্ঠা পান, রেসপনসিভ এবং টাইপ করা, যার ডেটা আপনার এপিআই থেকে আসে, অথবা এন্ডপয়েন্ট বিদ্যমান না হওয়া পর্যন্ত একটি মক থেকে আসে। স্ট্যান্ডার্ড আপনার এপিআই-এর সাথে সংযুক্ত পাঁচটি স্ক্রিন পর্যন্ত কভার করে, লোডিং, খালি এবং ত্রুটি অবস্থা এবং বৈধতা সহ ফর্ম সহ। অ্যাডভান্সড বারোটি স্ক্রিন পর্যন্ত অনুমতি দেয় এবং আপনার প্রমাণীকরণ প্রদানকারীর সাথে কাজ করে এমন লগইন স্ক্রিন, অ্যাপ জুড়ে ব্যবহৃত শেয়ার করা উপাদান এবং প্রধান ফ্লোগুলির জন্য পরীক্ষা যোগ করে।
আমি ডিজাইনটি নিবিড়ভাবে অনুসরণ করি: স্পেসিং, টাইপ স্কেল এবং রঙগুলি ফিগমা ফাইল থেকে আসে। যেখানে একটি স্ক্রিনের কোনো মোবাইল সংস্করণ নেই, সেখানে আমি অনুমান করার পরিবর্তে এটি তৈরি করার আগে একটি প্রস্তাব করি। অ্যাপ রাউটার সহ নেক্সট.জেএস আমার ডিফল্ট; যখন আপনার সার্ভার রেন্ডারিংয়ের প্রয়োজন হয় না তখন ভিটে সহ প্লেইন রিঅ্যাক্ট ঠিক আছে। স্টাইলিংয়ের জন্য আমি টেইলউইন্ড সিএসএস বা সিএসএস মডিউল ব্যবহার করি, আপনার প্রকল্পে যেটি ইতিমধ্যেই আছে।
আমি ডেস্কটপে ক্রোম, ফায়ারফক্স এবং এজ-এ এবং একটি আসল অ্যান্ড্রয়েড ফোনে ক্রোমে ফলাফল পরীক্ষা করি।
আমার ফ্রন্ট-এন্ড কাজের দুটি পাবলিক উদাহরণ পোর্টফোলিওতে রয়েছে: ফিল্টার, একটি কার্ট এবং একটি চেকআউট সহ একটি নেক্সট.জেএস স্টোরফ্রন্ট এবং আমার নিজস্ব দ্বিভাষিক সাইট।
আমি শুধুমাত্র লিখিতভাবে কাজ করি, মিটিং ছাড়া। আমি শুরু করার আগে স্ক্রিন এবং তাদের পিছনের এন্ডপয়েন্টগুলি তালিকাভুক্ত করা হয়, একটি পূর্বরূপ লিঙ্ক কাজটি বাড়ার সাথে সাথে দেখায় এবং প্রতিদিনের কাজের দিনে চ্যাটে একটি সংক্ষিপ্ত অগ্রগতির নোট আসে।
আপনার প্রকল্প সম্পূর্ণ করার ধাপগুলি
1. স্ক্রিন তালিকা - আমি ফিগমা ফাইল এবং আপনার API ডকুমেন্টেশন দেখি এবং প্রতিটি স্ক্রিন, এর অবস্থা এবং এটি যে এন্ডপয়েন্টগুলি কল করে তা লিখে রাখি। কোনো কোড লেখার আগে আপনি তালিকাটি নিশ্চিত করেন।
2. বেস এবং শেয়ার করা অংশগুলি - প্রকল্পের সেটআপ বা আপনার বিদ্যমান রিপোজিটরি, ফিগমা থেকে রঙ এবং টাইপ, এবং লেআউট ও উপাদানগুলি যা প্রতিটি স্ক্রিন পুনরায় ব্যবহার করে।
3. স্ক্রিন এবং ডেটা - প্রতিটি স্ক্রিন ডিজাইন অনুযায়ী তৈরি করা হয় এবং আপনার API-এর সাথে সংযুক্ত করা হয়, লোডিং, খালি এবং ত্রুটি অবস্থা সহ। একটি অনুপস্থিত এন্ডপয়েন্টের জন্য একটি মক তৈরি করা হয় যা সহজে পরিবর্তন করা যায়।
4. প্রিভিউ লিঙ্কে পর্যালোচনা রাউন্ড - আপনি ক্লিক করে একটি তালিকায় সংশোধন পাঠান। আমি সেগুলি ঠিক করি এবং একই লিঙ্ক আবার দেখাই।
5. হস্তান্তর - আপনার রিপোজিটরিতে কোড, কাঠামো এবং এটি কীভাবে চালাতে হয় সে সম্পর্কে একটি সংক্ষিপ্ত নোট, এবং উন্নত ক্ষেত্রে, প্রতিটি প্রকাশের আগে আপনি যে পরীক্ষাগুলি চালাতে পারেন।
Zinner গুণমান গ্যারান্টি
প্রতিটি Zinner প্ল্যাটফর্মে যোগদানের আগে পর্যালোচনা এবং অনুমোদিত হয়।
সমস্ত পরিষেবা আমাদের গুণমান নিশ্চিতকরণ প্রতিশ্রুতির দ্বারা সমর্থিত।
আপনার পেমেন্ট সুরক্ষিত থাকে যতক্ষণ না আপনি বিতরণ করা কাজটি অনুমোদন করেন।
প্যাকেজ তুলনা করুন
| ফাংশন | স্টার্টার | স্ট্যান্ডার্ড | উন্নত |
|---|---|---|---|
| ডেলিভারি সময় | 4 দিন | 9 দিন | 18 দিন |
| পুনর্বিবেচনা | 1 | 2 | 3 |
| ব্যাপ্তি | একটি স্ক্রিন | 5 পর্যন্ত স্ক্রিন | 12টি স্ক্রিন পর্যন্ত, লগইন, পরীক্ষা |
| প্রতিক্রিয়াশীল নকশা | ✓ | ✓ | ✓ |
| আপনার API-এর সাথে সংযুক্ত | ✓ | ✓ | ✓ |
| সোর্স কোড | ✓ | ✓ | ✓ |
নমুনা
এই Zinn সম্পর্কিত বিক্রেতার কাজের উদাহরণ দেখুন।
পোর্টফোলিও
এই Zinn সম্পর্কিত বিক্রেতার কাজের উদাহরণ।
ফর্মলাইন: স্ট্রাইপ সহ Next.js স্টোর
একটি স্টোরফ্রন্ট যেখানে আপনি ক্লিক করতে পারবেন: 16 পোস্টার 4 সংগ্রহে, ফিল্টার এবং অনুসন্ধান যা URL-এ থাকে, একটি কার্ট, হালকা এবং গাঢ় থিম, এবং একটি চেকআউট যা একটি ডেমো অর্ডার বা টেস্ট মোডে একটি বাস্তব স্ট্রাইপ চেকআউট সেশনে শেষ হয়। আমি এটি Next.js স্ট্যাটিক এক্সপোর্ট হিসাবে টাইপস্ক্রিপ্ট সহ Tailwind CSS ব্যবহার করে তৈরি করেছি। কার্ড পেমেন্টগুলি একটি Cloudflare Worker-এর মাধ্যমে যায় যা সার্ভারে কার্টের মূল্য পুনরায় নির্ধারণ করে এবং স্ট্রাইপের ওয়েবহুক স্বাক্ষর যাচাই করে।
Next.js-এ দ্বিভাষিক ব্যক্তিগত সাইট
ইংরেজি এবং রাশিয়ান ভাষায় একটি এক-পৃষ্ঠার ব্যক্তিগত সাইট, যেখানে একটি পরিষেবা বিভাগ এবং আমার ডেমো প্রকল্পগুলির লিঙ্ক রয়েছে। আমি এটি Next.js, React এবং TypeScript ব্যবহার করে একটি স্ট্যাটিক এক্সপোর্ট হিসাবে ডিজাইন এবং তৈরি করেছি, সাধারণ CSS মডিউল এবং কোনো UI ফ্রেমওয়ার্ক ছাড়াই স্টাইল করা হয়েছে। এতে হালকা এবং গাঢ় থিম রয়েছে এবং প্রতিটি ভাষার জন্য একটি সামাজিক পূর্বরূপ চিত্র বিল্ড টাইমে তৈরি করা হয়। GitHub Actions এটি তৈরি করে এবং Bunny CDN-এ স্থাপন করে, যা নিরাপত্তা হেডার যোগ করে এবং www এবং প্লেইন HTTP কে প্রধান HTTPS ঠিকানায় রিডাইরেক্ট করে।
পরিষেবার বিবরণ
প্রায়শই জিজ্ঞাসিত প্রশ্নাবলী
হ্যাঁ। আমি প্রতিটি স্ক্রিনের জন্য মোবাইল লেআউট তৈরি করার আগে লিখিতভাবে বা একটি দ্রুত স্কেচ হিসাবে প্রস্তাব করি, যাতে আপনি শেষ পর্যন্ত আবিষ্কার করার পরিবর্তে এটি আগে থেকেই অনুমোদন করেন।
হ্যাঁ। আমি বিদ্যমান ফোল্ডার কাঠামো, নামকরণ এবং স্টাইলিং অনুসরণ করি, যাতে নতুন কোড একই প্যাটার্ন ব্যবহার করে এবং পরবর্তী ডেভেলপার দুটি স্টাইল খুঁজে না পায়।
আমি ফাইল থেকে স্পেসিং, আকার এবং রঙগুলি মেলাই। যেখানে ডিজাইন এবং বাস্তব ডেটা মেলে না, যেমন একটি নাম মকআপের চেয়ে দীর্ঘ, আমি এটি চিহ্নিত করি এবং লেআউট ভাঙতে না দিয়ে একটি সমাধান প্রস্তাব করি।
এই পরিষেবাটি শুধুমাত্র ফ্রন্ট এন্ডের জন্য। Express বা NestJS সহ Node.js-এ একটি ব্যাকএন্ডের জন্য, আমার ব্যাকএন্ড Zinn দেখুন, অথবা উভয়ই অর্ডার করুন এবং আমি সেগুলির জন্য একসাথে উদ্ধৃতি দেব।
গ্রাহক পর্যালোচনা
আমাদের গ্রাহকরা এই Zinn সম্পর্কে কী বলেন তা দেখুন
বিভাগসমূহ
Zinner নীতিসমূহ
সম্পর্কিত Zinns
HTML, CSS, javascript, PHP, wordpress বা prestashop বাগ এবং ত্রুটিগুলি ঠিক করুন
Node.js বা Firebase ব্যবহার করে সুরক্ষিত ব্যাকএন্ড API তৈরি এবং স্থাপন করুন
