কারো কি কোনো অসুবিধা হচ্ছে ? অসুবিধা হলে আমাকে whatsapp এ নক দিতে পারেন +8801774444000 (Whatsapp) . Best of Luck
সবার এই ভিডিওটা দেখা উচিত https://www.youtube.com/watch?v=1o8pzrTSByQ&ab_channel=WBSOFTWARES
WB SOFTWARES রিএক্ট ইন্টারভিউ প্রজেক্ট -
কাজের ভিডিও ইন্সট্রাকশন –
https://www.youtube.com/watch?v=Uox3eCkzXPI&t=13s
পোষ্টম্যান APi লিংক -
https://documenter.getpostman.com/view/9283110/2sAXxY38Gq
পোস্টম্যানের এপিআইগুলোতে https://itderbd.nextwebservice.com/ Base ইউআরএল দেয়া হয়েছে। কিন্তু আমরা এই Base ইউআরএল টা ব্যবহার করব না। আমরা Base ইউআরএল হিসেবে https://itder.org/ ব্যবহার করব। ভিডিওতে অলরেডি এ বিষয়ে বলা হয়েছে।
Api Base Url -
Git Project Url -
https://github.com/dhrubod/react-project-interview
এই প্রজেক্টটা ডাউনলোড করে নিজের গিটের একটা নতুন Public রিপোজিটারি খুলবেন । তারপর প্রজেক্ট কমপ্লিট করে সেম ইমেইলে (dhrubo.own@gmail.com) রিপ্লাই আকারে শুধুমাত্র রিপোজিটরি লিঙ্কটা দিয়ে দিবেন ।
Api Tutorial –
https://www.youtube.com/watch?v=2hwpPB3ZTC8
Login and response checking url
Login Url - itder.org/admin-login
User Name - admin@gmail.com
Password - 123
আপনি যে তথ্যগুলো দিয়েছেন তা এই প্যানেলের ঢুকলে অর্ডার ডিটেইলসের আন্ডারে দেখতে পারবেন
নিম্নোক্ত ধাপে কাজগুলো করতে হবে
প্রথম ধাপ - কোর্স
এখানে প্রথমে এপিআই থেকে কোর্সের ডাটাগুলো আনতে হবে এবং পেজিনেশন যুক্ত করতে হবে।
এপিআই এ কোর্সের পাঁচটি ডাটা আছে
- কোর্সের ছবি
- কোর্সের নাম
- ট্রেইনারের নাম
- রেগুলার প্রাইস
- ডিসকাউন্ট প্রাইস
পাশাপাশি রেগুলার প্রাইস এবং ডিসকাউন্ট প্রাইস থেকে ক্যালকুলেশন করে পারসেন্ট (%) দেখাতে হবে।
এরপর কোর্সের নিচে অ্যাড টু কার্ট বাটনে ক্লিক করলে প্রোডাক্ট কার্টে যুক্ত হবে।
এখানে কার্টে কোনোভাবেই এক টারবেশি কোর্স যুক্ত হবে না। কারণ api তে একটার বেশি ডাটা পাঠানোর করার সিস্টেম নাই। কিন্তু যে কোর্সটি যুক্ত আছে তার সংখ্যা বাড়ানো বা কমানো যাবে। একটার বেশি কোর্স যুক্ত করতে গেলে টোস্ট মেসেজে এরর বা ওয়ার্নিং দেখাবে।
দ্বিতীয় ধাপ - কার্ট
যে প্রোডাক্টগুলো কার্টে অ্যাড করা হয়েছে সেই প্রোডাক্টগুলা দেখাবে পাশাপাশি পরিমান বাড়ানো কমানো যাবে এবং PROCEED TO CHECKOUT এ ক্লিক করলে চেক আউট পেজে যাবে।
তৃতীয় ধাপ - চেক আউট
চেক আউট পেজে নিচের ছবিতে থাকা তথ্যগুলো শো করবে।
এরপর নিচে কার্টের কোর্সগুলোর ডাটা দেখাবে এবং সাবমিট বাটনে ক্লিক করলে অর্ডার সাবমিট হবে।
চতুর্থ ধাপ - অর্ডার ডিটেইলস
এখানে একটা অর্ডার আইডি জেনারেট হবে।
পাশাপাশি দ্বিতীয় ধাপ চেক আউটে আমি যে তথ্যগুলো ফিলাপ করেছি সেই তথ্যগুলো শো করবে।
পঞ্চম ধাপ - অর্ডার সার্চ
এখানে অর্ডার সাবমিট হওয়ার পর যে আইডি জেনারেট হবে সেই আইডি দিয়ে সার্চ করলে চতুর্থ ধাপের অর্ডার ডিটেলস শো করবে।
ডিজাইন সংক্রান্ত যতটুকু প্রয়োজন ততটুকু কাজ নিজে থেকে করতে হবে । পাশাপাশি রেসপন্সিভ ইনসিওর করতে হবে । প্রত্যেকটা জিনিস ডিটেইলে দেখা হবে। প্রয়োজনীয় টোস্ট মেসেজ দেখাতে হবে। বিশেষ করে রং ইনফরমেশন বা Error এর ক্ষেত্রে।
Live Link দিবেন অবশ্যই