Obaedul Islam

23/08/2024

অবাক বিষ্ময়ে এক হয়ে যাওয়া দেখছি আমরা।
এ এক অসম্ভব মানবিক, অসম্ভব একতার, দুর্বার বাংলাদেশ।
একজনের কাছে দেখলাম টিএসসিতে কয়েকঘণ্টায় ১৫ লাখ টাকা উঠে যাচ্ছে।
কিছু কোম্পানির লোকজন স্যালারি ডোনেট করে দিচ্ছে।
খাবারে ভর্তি গাড়ি কিউ তে দাঁড়িয়ে আছে।
পূজোর টাকা দান করে দিচ্ছে মন্দিরের লোকজন। চট্টগ্রাম থেকে বোট নিয়ে ফেনীর দিকে যাচ্ছে ট্রাকের পর ট্রাক।
যে নোয়াখালীর লোক দেখতে পারেনা বলে চাটগাঁইয়া দের দুর্নাম আছে সেই চাটগাঁর লোকজন ই ট্রেনিং ছাড়া স্রোতের মুখে চলে যাচ্ছে নোয়াখাইল্লাদের উদ্ধারে।
ভার্সিটির ছেলেপেলেরা যে যার মতো পারছে টিম করে চলে যেতে চাচ্ছে।
হুজুরদের সংগঠন গুলো নেমে গেছে গলা পানিতে।
এই বন্যার পানি একাকার করে দিচ্ছে সব বাঁধা।
যে কিছুই পারছেনা সে বুকফাটা কান্নায় নিশ্চই জায়নামাজে..
বন্যা যাক, দুর্যোগ যাক। এই বাংলাদেশ ফিরে আসবে।
আল্লাহ ভরসা। ☝️
©

03/08/2024

Respectful Mother & her Son ❤🫡🫶

02/08/2024

I will never forget the sacrifices of this generation. Gen Z🫵 ❤

29/02/2024

লিপ ইয়ারকে স্মরণ করিয়ে দিতে পুরনো এই দুইটা ছবি আপলো দিয়ে রাখলাম 😎

17/01/2024

Gift from office. Thanks Redlime Solutions for this elegant gift ❤ 🫶

03/01/2024

I share these goals to review my progress at the end of the year 2024. It's all about committing to myself. 👊

🎯Personal Development Goals:
1. I will read 12 non-fiction books from my priority list in 12 months.
2. Complete two professional courses.
3. Achieve knowledge about the Sirah of our Prophet, Muhammad.
4. Try to be more proactive and productive.

🎯Professional Goals:
1. Improve my coding skills in areas I am already familiar with.
2. Become an expert in core JavaScript and ES6.
3. Since I am currently working on Angular, try to become an expert in this framework.
4. I will explore React, Next.js, and Node.js, and build at least two applications using these technologies.
5. I will try to make at least two themes to be approved in Themeforest.

🎯Other Goals:
1. I will set up my workstation to the best of my ability.
2. Purchase some accessories to make my personal & professional life easier.
3. Will try to help others.
4. I will try to be more spiritual.
5. Try to be more fit and will lose at least 6kg weight.
6. Travel to a new country.
7. Try to develop my communication skills.

InshAllah, I will achieve those goals & will give a post at the end of the year. Happy New Year to all of my friends and hope you can achieve your goals as well. InshAllah.

03/09/2023

PHILOSOPHY ABOUT TOO MUCH

1. If you speak too much, you will lie
2. If you overthink, you will be depressed
3. If you cry too much, you will lose your sight
4. If you love too much, you will be lost
5. If you care too much, you will be taken for granted
6. If you play too much, You will not be taken serious often
7. If you trust too much, you will be betrayed
8. If you work too much, You will die of stress
9. If you overeat, You will be obsessed
10. If you sleep too much, You will be idle
11. If you spend too much, You will have no future
12. If you wear makeup too much, You will lose your beauty
13. If you look too much, You will lose your focus
14. If you pursue life too much, you will lose everything.

BUT..........
* When you pray too much, You will have everything
* When you have too much patience, you will have the whole world
* When you invest too much, You will have your future guaranteed
* When you let go too much, you will have peace of mind
* When careful too much, you will be saved from many evils.
* When you serve God too much, you will receive unlimited and unspeakable rewards and testimony.

17/07/2023

স্টুডেন্ট লাইফে যে দশটা কাজ করতেই হবে:
১. ইনকাম এবং পার্সোনাল মানি ম্যানেজমেন্ট: তুমি কোটিপতির সন্তান হলেও- স্টুডেন্ট লাইফে তোমাকে কিছু না, কিছু ইনকাম করতেই হবে। নিজের স্কিল, নিজের মেধা, নিজের শ্রম দিয়ে অল্প হলেও ইনকাম করার চেষ্টা করতে হবে। এতে রেস্পন্সিবিলি কিভাবে নিতে হয়। অন্যকে কিভাবে সার্ভ করতে হয়। কাজ দিয়ে হ্যাপি রাখতে হয় সেটা শিখবে। এই ইনকাম টিউশনি দিয়ে, কোচিং সেন্টারে ক্লাস নিয়ে, পার্টটাইম চাকরি, ভিডিও এডিটিং, ডিজাইন, ওয়েবসাইট তৈরি, কনটেন্ট রাইটিং, এফিলিয়েট মার্কেটিং, এফ-কমার্স, ডিজিটাল মার্কেটিং, বা অন্য কোন কিছু দিয়ে হতে পারে। তারপর নিজের পকেট খরচ নিজে চালানোর চ্যালেঞ্জ নিবে। এতে পার্সোনাল ফাইন্যান্স এবং মানি ম্যানেজমেন্ট অনেক গুরুত্বপূর্ণ লেসন ঠেকে ঠেকে শিখবে। যেটা কোন ভার্সিটি তোমাকে শেখাবে না।
২. বেসিক কমিউনিকেশন স্কিল: তুমি দেশের সেরা ভার্সিটি বা সবচেয়ে খারাপ কলেজে পড়ো না কেন। ইংরেজি নরমাল কথা বার্তা চালিয়ে যাওয়ার যোগ্যতা অর্জন করতেই হবে। নিজের সম্পর্কে বা কোন একটা টপিক সম্পর্কে এক দেড় পাতা ইংরেজিতে লেখার যোগ্যতা তৈরি করতে হবে। কেউ ইংরেজিতে একটা ইমেইল বা মেসেজ দিলে সেটার রিপ্লাই দিতে জানতে হবে। ইউটিউব বা অন্য কোথাও ইংরেজি টিউটোরিয়াল দেখে বুঝতে পারার সামর্থ্য লাগবেই লাগবে। প্রচুর ফ্রি কোর্স আছে ইংরেজিতে। সেগুলা দেখে বুঝতে এবং কাজে লাগানোর এবিলিটি তৈরি করতে হবে।
৩. ইভেন্ট ম্যানেজমেন্ট/ লিডারশীপ: বন্ধুদের ঘুরতে যাওয়া হোক কিংবা ক্যাম্পসে কোন ইভেন্ট হোক- সেটা ইফতার পার্টি, বৈশাখী মেলা, rag পার্টি, জব ফেয়ার, এলামনাই রিউনিয়ন। যেটাই হোক তোমাকে ইভেন্টের একজন মেইন অর্গানাইজার হতেই হবে। তাহলে তুমি বুঝতে পারবে কিভাবে বিভিন্ন ধরনের মানুষ হ্যাডেল করতে হয়। কিভাবে বাজেট করতে হয়। প্লানিং করতে হয়। মানুষের কাজ থেকে হেল্প আদায় করতে হয়। ১৫-২০ টা জিনিস একসাথে কম্বাইন করার প্রাকটিক্যাল লিডারশীপ ট্রেনিং ফ্রি ফ্রি আর কোথাও পাবা না।

আরেকটু বেশি কনফিডেন্ট হতে চাইলে মিনিমাম ৫০জন মানুষের সামনে বক্তৃতা, ডিবেট, উপস্থাপনা বা নাচ, গান/নাটক কিছু পারফর্ম করার চেষ্টা করবে। এতে তোমাকে পাবলিকের সামনে দাঁড়ানোর ভয় কেটে যাবে।
৪. গুগল সার্চ এবং chatGPT: কিভাবে ইন্টারনেট থেকে দরকারি জিনিস খুঁজে বের করবে সেই এবিলিটি তোমাকে তৈরি করতে হবে। লেটেস্ট যে টেকনোলজি (chatGPT ) সেটা ইউজ করা জানতে হবে। যাতে তোমার ফিল্ডের কোন টপিক এর রিসার্চ বা অন্য ফিল্ডের কোন কিছু খুঁজে বের করতে দিলে সেটা খুঁজে বের করতে পারো। গুছিয়ে একটা রিপোর্ট তৈরি করতে পারো। দরকার হলে পাওয়ার পয়েন্ট প্রেজেন্টেশন বা গুগল স্লাইড দিয়ে প্রেজেন্টেশন বানিয়ে ফেলতে পারলে তো কোন কথা ই নাই।

আর তুমি যেই লাইনেই পড়ো কেন। কিছু না কিছু সফটওয়্যার তোমার লাগবেই। সেগুলা কিভাবে ইউজ করে। কিভাবে কাজে লাগায় সেটা জানতেই হবে। দরকার হলে ইউটিউবে সার্চ দিয়ে টিউটোরিয়াল খুঁজে বের করে শিখে ফেলবে।
৫. এরিয়া অফ ইন্টারেস্ট: তুমি যে সাবজেক্টেই পড়ো না কোন। যে ফিল্ডেই পড়ো না কেন। তোমাকে সেই ফিল্ডের যেকোন একটা এরিয়াতে তোমার টেক্সট বইয়ের/ ক্লাসের পড়ার বাইরে বেশি জানতে হবে। সেটার জন্য তুমি এক্সট্রা বই পড়তে পারো। নিজের ভিতরে কিউরিসিটি গ্রো করতেই হবে। তারপর যা যা শিখছো সেগুলা একটা একটা করে সামারি লিখতে হবে। সেই সামারি কোথাও না কোথাও পাবলিশ করার চেষ্টা করবা। ডিপার্টমেন্টের ম্যাগাজিন। সেটাও না পারলে বিশ্বের সেরা পাবলিশার ফেইসবুকে পাবলিশ করে দিবা। দুই একজন বন্ধু টিটকারি মারলেও তুমি কী কী শিখছো সেটা ফেইসবুকে পোস্ট করে দিবা।
৬. বেস্ট ফ্রেন্ড: তোমার একজন বেস্ট ফ্রেন্ড বানাতেই হবে। একটা ফ্রেন্ড সার্কেল থাকবে। তবে ফ্রেন্ড সার্কেলের মধ্যে বা বাইরে তোমার একজন বেস্ট ফ্রেন্ড থাকবেই। যার সাথে মিলে তুমি অনেক কিছু করবে। অনেক জায়গায় যাবে। দুজনের ইন্টারেস্ট লেভেল কাছাকাছি থাকবে। একজন আরেকজনকে হেল্প করবে। এই ক্লোজনেস তোমাকে ডাউন টাইমে হেল্প করবে। ফিউচার ঠিক করতে হেল্প করবে। কারণ সব বন্ধুর সাথে সব শেয়ার করা যায় না। বেস্ট বাডি না থাকলে- ইয়াং লাইফে নিজের ভিতরের ইমোশনাল অত্যাচারটা বড্ড রকমের বেশি হবে।
৭. নেটওয়ার্কিং: তুমি যে ফিল্ডে কাজ করতে চাও। সেই ফিল্ডের কমপক্ষে দশজনের সাথে তোমার কানেকশন থাকতে হবে। তারা হতে পারে তোমার সিনিয়র। অন্য ভার্সিটির সিনিয়র বা অন্য কোথাও থেকে পাশ করা প্রফেশনাল হতে পারে। দেশের বাইরের কেউ হতে পারে। হয়তো কোন ওয়ার্কশপ বা সেমিনারে এ গিয়ে তাদের সাথে পরিচয় হইছে। তাদের সাথে তোমার যোগাযোগ থাকবে। তারা জানবে তুমি কোন কোন জিনিসে ভালো। তোমার প্যাশন কি। ফিউচার প্ল্যান নিয়ে তাদের সাথে ডিসকাস করবা।
৮. বিল্ড ইউর রেজুমি: চার বছর ভার্সিটি পড়ার পর যদি দেড় পাতা রেজুমি লেখার মেটেরিয়াল তোমার লাইফে না থাকে তাইলে তুমি কি করলা, নাবিলা? তোমাকে এক্সট্রা কারিকুলার এর সাথে জড়িত থাকতেই হবে। যেকোন একটা অর্গানাইজেশনের সাথে। সেরকম কোন অর্গানাইজেশন না থাকলে তুমি এবং তোমার বন্ধুরা মিলে একটা দিয়ে ফেলবে। সিনিয়র ভাইদের কাছ থেকে তাদের সিভি/রেজুমি জোগাড় করে ফেলবা। দরকার না থাকলেও সেকেন্ড ইয়ারে/থার্ড ইয়ারে তোমার একটা রেজুমি বানিয়ে ফেলবে। LinkedIn এ গিয়ে দুই একটা জব সার্কুলার দেখে ঠিক করবে তারা কী কী চায়। তাহলে বুঝতে পারবে কোন কোন জায়গায় গ্যাপ আছে। তখন সেই গ্যাপগুলার এরিয়াতে ইমপ্রুভ করে ফেলবে।
৯. এক্সটা নলেজ: পাঠ্য বইয়ের বাইরের জগতে তোমাকে হানা দিতেই হবে। সেটা হতে পারে কিছু বিখ্যাত বই পড়ে (বাংলায় বা ইংরেজিতে)। উপন্যাস বা আত্ন উন্নয়নমূলক বা অন্য কোন ক্যাটাগরির বই। হতে পারে কিছু অস্কার বিজয়ী সিনেমা। মোস্ট পপুলার TED talks গুলা দেখলে। অন্য ডিপার্টমেন্টের ছেলেপুলেরা কী কী নিয়ে পড়তেছে সেটা নিয়ে মাঝে মধ্যে গল্প করলা। তাইলে তুমি তোমার জগতের বাইরের কিছু জিনিস সম্পর্কে অবগত হলে। এর মধ্যেই হয়তো তুমি তোমার ইন্টারেস্ট খুঁজে পাবে। সেটাতে আরো ফোকাস করলে সেই ফিল্ডে সিরিয়াস একটা স্কিল তৈরি করে ফেলতে পারলেও তো কথা ই নাই।
১০: নিজেকে গাইড করার এবিলিটি: ভার্সিটি ইন্ডিপেন্ডেন্ট হওয়ার জায়গা। এইখানে ফ্যামিলি তোমাকে গাইড করবে না। তাই নিজের টাইম ম্যানেজমেন্ট, ইমোশন ম্যানেজমেন্ট, রিলেশন ম্যানেজমেন্ট এইগুলা নিজের ভিতরে ডেভেলপ করতে হবে। কোন একটা রুটিন বানিয়ে সেটা ফলো করার এবিলিটি। কোন টার্গেট সেট করে সেটার পিছনে লেগে থাকার সামর্থ তৈরি করতে হবে। অপরিচিতদের সাথে কথা বলতে পারা। ধীরে ধীরে প্রফেশনাল লাইফের দিকে যাওয়া। লাইফ গুছানোর কথা চিন্তা করতে হবে।

একটা ব্যাংক একাউন্ট থাকতে হবে। টিউশনি করে হোক বা যেভাবেই হোক পাশ করার পর ছয় মাস চলার মতো টাকা তোমার ব্যাংকে থাকতে হবে। কারণ পাশ করার পরের দিনই সবাই চাকরি পেয়ে যাবে না। তোমাকে দুই জোড়া ফর্মাল ড্রেস কিনে রাখতে হবে। ইন্টারভিউ দিতে যাওয়ার সময় কাজে লাগবে।
মনে রাখবে---তোমার ভার্সিটি তোমাকে গড়ে দিবে না। ভার্সিটি একটা প্লাটফর্ম। সেই প্লাটফর্ম কাজে লাগিয়ে নিজেকে গড়ে নেয়ার দায়িত্ব তোমার।
credit: Jhankar Mahbub vai

09/07/2023

ইন্না লিল্লাহি ওয়া ইন্না ইলাইহি রাজিউন। আমার দাদা গত ৪,৫ মাস বার্ধক্যজনিত রোগে শয্যাশায়ী অবস্থায় মহান আল্লাহর ডাকে সাড়া দিয়ে ৯০+ বছর বয়সে পৃথিবীর মায়া ত্যগ করে চলে গেছেন। সবাই দোয়া করবেন যাতে আল্লাহ ওনাকে জান্নাতুল ফেরদৌস দান করে।

18/02/2023

It was a great journey in my life. Programming Hero helps me a lot to build a sustainable career. In this course, I learned Web Technologies HTML, CSS, BootStrap, Tailwind, Material UI, JavaScript, ES6, ReactJS, Next JS, NodeJS, Express JS & Mongo DB. This course also trained us to get a job & corporate ethics. Our course mentor Jhankar Mahbub is a mind-blowing instructor. We learn everything easily because he made it simple & clean. He is the best mentor I have ever seen. It's not only a course it's also a great career roadmap for me. Alhamdulillah, I also get a job as a professional Software Developer in a software company. InshAllah more way to go.

22/06/2022

গুরুত্বপূর্ণ কিছু NPM প্যাকেজ পরিচিতি পর্ব ১ :
React front-end Design & Development এর জন্য কিছু গুরুত্বপূর্ণ "npm" প্যাকেজ যা আপনার দৈনন্দিন কাজে যথেষ্ট সহায়ক ভূমিকা রাখবে। উক্ত প্যাকেজগুলো বহুল ব্যবহৃত হচ্ছে এবং আপনার কাজ সহজতর করার জন্য এইগুলো খুবই দারুণ ভূমিকা রাখবে।

1) carousel Slider ---- একটি ওয়েবসাইটে অবশ্যই আমরা স্লাইডার ব্যবহার করে থাকে ধরতে গেলে 90% ওয়েবসাইটের মধ্যে আমাদেরকে স্লাইডার ব্যবহার করতে হয় এখানে তিনটি স্লাইডার দেওয়া আছে প্রত্যেকটি খুবই দারুন কাজ করছে এবং এদের গঠন গুলো অনেক সহজ।
---- https://www.npmjs.com/package/react-slick (I personally use it)
---- https://www.npmjs.com/package/rc-slider
---- https://www.npmjs.com/package/swiper

2) Marquee ----- অনেক সময় আমাদের প্রয়োজন হয় এমন একটি স্লাইডার show যেটি আপনা আপনি চলতে থাকবে । বেশিরভাগই আমরা যখন লোগো section ব্যবহার করি তখন এই Marquee ডিজাইন টি ব্যবহার করি। আপনারা চাইলে React Fast Marquee এই npm প্যাকেজটি ব্যবহার করতে পারেন । একদম সহজ ও খুবই আকর্ষণীয় ডিজাইন দ্বারা বিল্ড করা হয়েছে।
---- https://www.npmjs.com/package/react-fast-marquee

3) JavaScript image gallery and lightbox ---- আমাদের অনেক সময় গ্যালারি ইমেজ শো করার প্রয়োজন পড়তে পারে । এমনকি আমরা অনেক ওয়েবসাইট ও দেখেছি যে গ্যালারি ইমেজ পপ-আপ এর মাধ্যমে শুরু হয় আপনারা এই প্যাকেজটি ব্যবহার করে ঠিক একই রকম গ্যালারি ইমেজ পপ-আপ এর মাধ্যমে দেখাতে পারবেন।

---- https://www.npmjs.com/package/photoswipe
---- https://www.npmjs.com/package/react-image-lightbox

4) Lazyload ---- নাম শুনে বুঝতে পারছেন এটির কাজ কি এটি হলো Lazyload. একটি ওয়েব সাইটের কনটেন্ট যখন অতিরিক্ত হয়ে যায় তখন ওয়েবসাইটটি লোড নিতে অনেক সময় নেই আর এই Lazyload npm প্যাকেজটি আপনাকে এমন কিছু ফিচার দিবে যা অবাক করার মত। অর্থাৎ আপনার স্কিন যতটুকু ঠিক ততটুকুই লোড নিবে - সম্পূর্ণ পেজ কখনো লোড নিবে না আপনি ওয়েবসাইট scroll করবেন আর scroll পাশাপাশি এটি লোড নেবে। যার কারণে আপনার ওয়েব পেজটি সম্পূর্ণ না হওয়ার আগেও গ্রাহকগণ আপনার কনটেন্ট গুলো দেখতে পাবে।
---- https://www.npmjs.com/package/react-lazyload

5) Modal-video ---- ওয়েবসাইট তৈরি করতে গেলে অনেক সময় আমাদেরকে ইউটিউব ভিডিও অথবা নিজের তৈরি ভিডিও দেখানো প্রয়োজন পড়তে পারে এবং আমরা অনেক ওয়েবসাইটে দেখেছি যে একটি বাটনে ক্লিক করলে পপ-আপ এর মাধ্যমে ইউটিউব ভিডিও শো হয় এবং এটি চলতে থাকে আপনারা চাইলে এই প্যাকেজটি ব্যবহার করে একই ভাবে ইউটিউব ভিডিও পপ-আপ show করাতে পারবে।
---- https://www.npmjs.com/package/react-modal-video
---- https://www.npmjs.com/package/react-player

6) Tooltip ---- কোন একটি আইটেম এর উপর মাউস hover করলাম আর হঠাৎ দেখলাম কিছু একটা দেখাচ্ছে, হা এটিকে বলে Tooltip। আপনারা চাইলে এই প্যাকেজটি ব্যবহার করে সুন্দর সুন্দর Tooltip ইউজ করতে পারেন। এখানে বেশ কয়েকটি ধরনের ডিজাইন রয়েছে যা খুবই দারুণ।
---- https://www.npmjs.com/package/react-tooltip
---- https://atomiks.github.io/tippyjs/

7) Recharts ---- সাধারণত আমরা যখন ড্যাশবোর্ড তৈরি করে অথবা এডমিন প্যানেল তৈরি করি তখন আমাদেরকে গ্রাফ চার্ট এর মাধ্যমে ডাটা গুলো দেখতে হয় আর গ্রাপচাট এর মাধ্যমে ডাটাগুলোকে দেখানোর জন্য এই npm প্যাকেজটির অতুলনীয় ভূমিকা রয়েছে আমি ব্যক্তিগতভাবে এটি ব্যবহার করেছি যথেষ্ট ভাল এবং বন্ধুত্বপূর্ণ আচরণ রয়েছে এটির মাঝে।
---- https://recharts.org/en-US

8) Animate ---- আর যাই হোক এনিমেশন ছাড়া একটি ওয়েবসাইট কখনো শতভাগ সৌন্দর্যতা তৈরি করা যায় না। একটি ওয়েবসাইট এ আকর্ষণ তৈরি হয় এই এনিমেশন এর ধরন দ্বারা। নীচে আমি বেশ কিছু এনিমেশন ব্যবহারের npm প্যাকেজ দিয়েছি যা খুবই জনপ্রিয় এবং শীর্ষ।
---- https://animate.style/
---- http://michalsnik.github.io/aos/
---- https://mojs.github.io/
---- https://www.npmjs.com/package/react-reveal
---- https://dbramwell.github.io/react-animate-on-scroll/

9) Alert ------ নাম শুনে বুঝতে পারছেন এটির কাজ কি হতে পারে। ওয়েবসাইটে যখন আমাদের সংকেতের প্রয়োজন পড়তে পারে তখন আমরা এটি ব্যবহার করতে পারি। উদাহরণস্বরূপ একজন ব্যক্তি আপনার ওয়েবসাইটে কন্টাক্ট ফর্ম এ গিয়ে আপনাকে মেসেজ সেন্ড করলো এখন কাজটি সফল হয়েছে কিনা তা জানার জন্য তাকে একটি সাংকেতিক বিবরণ পাঠিয়ে দিলেন আর এই সাংকেতিক বিবরণ পাঠানোর জন্য এই npm প্যাকেজ গুলো খুবই দারুন কাজ কাজের।
---- https://www.npmjs.com/package/sweetalert2
---- https://sweetalert.js.org/guides/
---- https://www.npmjs.com/package/cogo-toast
---- https://www.npmjs.com/package/ngx-toastr
---- https://www.npmjs.com/package/react-toastify
---- https://www.npmjs.com/package/notistack

10) Google-maps ---- ওয়েবসাইটে maps অনেক সময়ই আমাদেরকে রাখতে হয় এবং আমরা অনেক ওয়েবসাইটেও দেখেছি যে maps রয়েছে যাতে করে কাস্টমার লোকেশন সঠিকভাবে জানতে পারে। আপনি এই npm প্যাকেজটি ব্যবহার করে গুগল ম্যাপ সেটআপ করতে পারবেন খুব সহজে।
---- https://www.npmjs.com/package/-google-maps/api

11) Menu ---- এটির মাধ্যমে মেনু তৈরি করা যায়। যারা কাস্টম মেনু তৈরি করতে হিমশিম খাচ্ছেন তারা এটি ব্যবহার করতে পারেন। তবে আমি মনে করি আপনি যদি কাস্টম মেনু তৈরী করতে না পারেন তাহলে কোন ফ্রেমওয়ার্ক যেমন Bootstrap, material-ui ইত্যাদি ব্যবহার করেন আর যদি ভালো লাগে এই প্যাকেজটি ও ব্যবহার করতে পারেন।
---- https://www.npmjs.com/package/rc-menu
---- https://www.npmjs.com/package/rc-drawer

12) Sticky Nav ---- অনেক ওয়েবসাইটে দেখা যায় Navbar position Fixed আছে কিন্তু একটু করে scroll করার সাথে সাথে দেখা যায় একটি ইফেক্টিভ ডিজাইন Navbar উপর থেকে নিচে নামে আর এটি করার জন্য আপনারা এই প্যাকেজটি ব্যবহার করতে পারেন।
---- https://www.npmjs.com/package/react-js-stickynav

13) scroll-to-top ---- ধরুন আপনি ওয়েবসাইটের scroll করতে করতে একদম নিচে footer এ চলে আসলেন কিন্তু আপনাকে কোন একটা কারণে একদম উপরে উঠতে হচ্ছে, তখন আপনি কি করবেন ? সাধারণত আমরা যা করি scroll ঘুরিয়ে আবার উপরে চলে যায় কিন্তু এখানে একটি প্যাকেজ যা ব্যবহার করতে পারেন। একটি আইকন এর মাধ্যমে আপনি click করলে ঠিক একদম Home স্টেজে চলে যেতে পারবেন অর্থাৎ Footer থাকা একটি আইকন এ ক্লিক করলে আপনি একদম উপরে এক লাফে উঠে যেতে পারবেন।
---- https://www.npmjs.com/package/react-scroll-to-top
---- https://www.npmjs.com/package/react-scroll-up

14) Perfect-scrollbar ---- জনপ্রিয় একটি প্যাকেজ হল Perfect-scrollbar, এটি সাধারণত বেশিরভাগই ব্যবহার করা হয় এডমিন প্যানেল অথবা ড্যাশবোর্ডে যখন আমাদের প্রচুর সংখ্যক ডাটা থাকে এবং তা ওয়েবসাইটের দেখাতে হয় তখন এই প্যাকেজটি সাহায্য অতীব জরুরী। এতে নির্দিষ্ট একটি আয়তনের ভিত্তিতে ডাটাগুলো রাখে এবং ওই আয়তন এর মধ্যে স্ক্রোলিং ইফেক্ট তৈরি করে। যদি আমরা প্রচুর ডাটা নরমালি ওয়েবসাইটে রাখি তাহলে উক্ত ওয়েবসাইট এর লম্ব প্রচুর হয়ে যাবে তাই এই প্যাকেজটি ব্যবহার করে একটি নির্দিষ্ট সেকশন এর মধ্যে হাজার হাজার ডাটা লোড করা যাবে আর সেগুলো স্ক্রল করে উক্ত সেকশন এর মধ্যে দেখানো যাবে।
---- https://www.npmjs.com/package/perfect-scrollbar

15) React-ui-scrollspy ---- অনেক সময় আমরা একটি পেজের মাধ্যমে সকল আইটেম শো করে থাকি যেমন, Home, About, Blog, Contact, Portfolio ইত্যাদি । আর ঠিক তখন প্রয়োজন পড়ে scroll করার সময় menu আইটেমে ও section অপশনটির একটিভ করা এই প্যাকেজটি মাধ্যমে আপনি এই সকল কাজ খুব সহজেই করতে পারবেন ।
---- https://www.npmjs.com/package/react-ui-scrollspy

16) React Icons ---- কোন কথা হবে না জাস্ট ইন্সটল করবেন আর ব্যবহার করবেন। এই npm প্যাকেজটির উপকারিতা কথা বলে বোঝানো যাবে না। আমাদেরকে ওয়েবসাইডে স্বাভাবিকভাবে আইকন সেটআপ করতে হয় আর এই আইকন সেট আপের জন্য বিভিন্ন ওয়েবসাইটে গিয়ে ভিড় জমাতে হয়। আপনি চাইলে এই প্যাকেজটি ব্যবহার করে সকল আইকন এখান থেকে পেতে পারেন। যে যে আইকন গুলো এখানে পাবেন --- Bootstrap Icons , BoxIcons Devicons, Feather Flat Color Icons, Font Awesome, Game Icons, Github Octicons icons, Grommet-Icons, Heroicons, IcoMoon Free, Ionicons 4, Ionicons 5, Material Design icons, Remix Icon, Simple Icons, Tabler Icons , Typicons, VS Code Icons, Weather Icons, css.gg
---- https://react-icons.github.io/react-icons/ (I can't go on without it).

17) Spinners ---- যখন ওয়েবসাইট লোড নেয় তখন আমাদেরকে স্পিনার বসাতে হয়। আপনারা এই npm প্যাকেজগুলো ব্যবহার করে খুব দারুণ দারুণ স্পিনার ব্যবহার করতে পারেন।
---- https://www.npmjs.com/package/react-spinners
---- https://www.npmjs.com/package/spinners-react
---- https://www.npmjs.com/package/react-loader-spinner

18) React-code-input ---- অনেক সময় আমাদের মোবাইল নাম্বার থেকে OTP (one-time password) এর প্রয়োজন পড়তে পারে আপনাদের যদি ঐরকম পরিস্থিতি তে ওয়েবসাইট তৈরি করতে হয় তাহলে এই npm প্যাকেজটি ব্যবহার করতে পারেন । এটির মাধ্যমে খুব সুন্দর ভাবে code ইনপুট নিয়ে নেয়।
---- https://www.npmjs.com/package/react-code-input

19) React-currency-format ---- ই-কমার্স ওয়েবসাইট এ অনেক সময় টাকার পরিমান ফরমেট আকারে সাজানোর প্রয়োজন হতে পারে। আর আপনি টাকার পরিমাণ সাজানোর জন্য এই npm প্যাকেজটি ব্যবহার করতে পারেন।
---- https://www.npmjs.com/package/react-currency-format
---- https://nosir.github.io/cleave.js/

20) React-countup ---- নির্দিষ্ট সংখ্যক সংখ্যা সময় নিয়ে বৃদ্ধি পাবে এমন ডিজাইন তৈরির ক্ষেত্রে এটি বেশ কার্যকর আমরা বেশিরভাগ ওয়েবসাইটে দেখে থাকি যে অমুক কোম্পানি একটি কাজ করেছিল আর তাদের টিমে কতজন সদস্য রয়েছে এবং আরও দেখা যায় শূন্য থেকে গণনা শুরু করে সেটি একটি নির্দিষ্ট সংখ্যা পর্যন্ত গিয়ে দাঁড়ায় আপনি চাইলে এই প্যাকেজটি ব্যবহার করে সেটি তৈরি করতে পারবেন।
----- https://www.npmjs.com/package/react-countup

Credit: Stack Learner - Programming Community

React port of slick carousel. Latest version: 0.29.0, last published: 2 months ago. Start using react-slick in your project by running `npm i react-slick`. There are 1661 other projects in the npm registry using react-slick.

22/06/2022

আপনার যদি প্রোগ্রামিংয়ে ইন্টারেস্ট থাকে (ডলার এর কথা বাদ দেন, নিজের প্যাশনের কথা ভাবেন) - নিজের এনালাইটিকাল এবং প্রব্লেম সলভিং স্কিল বাড়ানোর জন্য আপনার বেসিক কিছু জিনিস অবশ্যই অবশ্যই জানা দরকার, সেটা আপনি ইঞ্জিনিয়ারিং কি নন-ইঞ্জিনিয়ারিং ব্যাকগ্রাউন্ডের হোন, সিএসই কি নন-সিএসই ব্যাকগ্রাউন্ডের হোন। এই "জানতেই হবে" লিস্টের সবার উপরে আপনি রাখতে পারেন ডাটা স্ট্রাকচার এবং এই রিলেটেড এলগোরিদম গুলো। এইযে অ্যারে ইউজ করছেন, কিংবা সেট, কিংবা ডিকশনারি বা টাপল - এগুলো সবই একেক ধরণের ডাটা স্ট্রাকচার। কিন্তু এগুলো আসলে কিভাবে কাজ করে, বা কোনো একটা প্রব্লেম সল্ভ করার জন্য কোন ডাটা স্ট্রাকচারটা ইউজ করা দরকার এটা বুঝতে হলে আপনাকে আরো ভিতরে যেতে হবে। অ্যারের পাশাপাশি কিউ, লিংকড লিস্ট, স্ট্যাক, হ্যাশ টেবিল, বিভিন্ন টাইপের ট্রি (খুবই খুবই ইম্পরট্যান্ট, স্পেশালি গ্রাফ এলগোরিদম গুলোর জন্য), হিপ (এক ধরণের ট্রি) এবং সবশেষে বিভিন্ন ধরনের গ্রাফ (ওয়েইটেড গ্রাফ, নন ওয়েইটেড গ্রাফ) এইগুলো নিয়ে পড়াশোনা করাটা জরুরি। প্রথম প্রথম খুবই কনফিউজিং লাগতে পারে, মাথা ঘুরতে পারে - কিন্তু হাল ছেড়ে না দিয়ে লেগে থাকেন :)

পাশাপাশি গ্রাফ এলগোরিদম গুলো বোঝা শুরু করেন। দেখবেন এই গ্রাফ এলগোরিদমগুলো বুঝতে পারলে আপনার নিজের এনালাইটিকাল স্কিল অনেক বেড়ে যাবে। কাজ করার সময় দেখবেন এই ধরণের প্রব্লেম হয়তো আপনি আগেও সল্ভ করেছেন, জাস্ট জানতেন না যে এগুলো একধরণের গ্রাফ প্রব্লেম। আর যখন আপনার গ্রাফ রিলেটেড কমন এলগোরিদমগুলো এবং প্যাটার্নগুলো জানা থাকবে আপনি সহজেই একটা "দেখতে কমপ্লেক্স টাইপ" প্রব্লেম কে এই গ্রাফ প্রব্লেম এর মধ্যে সেট করে ফেলতে পারবেন এবং আপনার জানা এলগোরিদম গুলোতে ফেলে এফিশিয়েন্ট ভাবে সল্ভ করতে পারবেন।

জাস্ট এই গ্রাফ থিওরি এবং গ্রাফ অ্যালগোরিদমগুলো জানলে এবং বুঝতে পারলে এবং জায়গামত কাজে লাগাতে পারলে আপনি চমৎকারভাবে প্রব্লেম সল্ভ করতে পারবেন, আপনার সল্যুশনগুলো এফিশিয়েন্ট হবে, আপনার এনালাইটিকাল স্কিলও বাড়বে অনেক।

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

আর সোজা কথা হলো আপনার ব্রেইনকে যত খেলাবেন, সে ততই খেলবে। তাকে যত পুশ করবেন, খাটাবেন, ফ্লেক্সিবল করবেন - সেও জিমন্যাস্টদের মতো ততই ফ্লেক্স করতে পারবে। আর ব্রেইনকে ফেলে রাখবেন গোয়ালঘরে, দেখবেন সেও আপনাকে গরু ছাগলের মতো যা-তা স্টাইলের সমাধান দিচ্ছে ;)

Credit: Hasin Hayder vai