Code WIth JoySultan

Code WIth JoySultan Contact information, map and directions, contact form, opening hours, services, ratings, photos, videos and announcements from Code WIth JoySultan, Web designer, 40th south khilgaon, Dhaka.

Front-End-Developer | Your Problem Solver | Story Teller | React.js Expert | Tailwind | Daisy Ui | Node.js Expert | Next.js Expert | Story Writer for Your Website.

🚧 Just finished a new website concept for SD&R LLC.I wanted to create something that feels as strong and versatile as th...
26/08/2026

🚧 Just finished a new website concept for SD&R LLC.

I wanted to create something that feels as strong and versatile as the work SD&R delivers — not just another roofing website.

The website is designed around their full range of services, from roofing and remodeling to demolition and general contracting, while highlighting the real projects and people behind the business.

✨ The website features:
• Premium modern design
• Smooth scrolling & cinematic animations
• Real project photos & videos
• Residential & commercial services
• A dedicated “The Person Behind the Work” section
• Strong brand storytelling
• Fully responsive design

The goal was simple: make SD&R’s online presence feel as professional, capable, and established as the work they do in the real world.

We do it all — so you don’t have to. 🏗️

If you're a contractor, roofer, or local business owner looking for a website that actually represents the quality of your work, feel free to reach out.

The project is finally complete. 🎬✨After days of refining every detail, I'm excited to share the finished version of thi...
06/06/2026

The project is finally complete. 🎬✨

After days of refining every detail, I'm excited to share the finished version of this personal brand banner designed for a creative professional working as a Video Editor & Graphics Designer.

The goal was to create a bold, cinematic, and premium visual identity that instantly communicates creativity, confidence, and professionalism. From the typography to the dark luxury aesthetics and motion-inspired elements, every piece was carefully crafted to make a strong first impression.

This project pushed me to focus on both visual impact and personal branding strategy, ensuring the final result feels modern, memorable, and high-end.

Would love to hear your thoughts and feedback! ❤️

View Link: http://mrvisualvibes.surge.sh/

Designed a bold and cinematic personal brand banner for a creative professional who works as a Video Editor & Graphics D...
17/05/2026

Designed a bold and cinematic personal brand banner for a creative professional who works as a Video Editor & Graphics Designer.
Focused on premium typography, dark luxury aesthetics, and modern motion-inspired visuals to create a strong first impression.

Every detail was crafted to reflect creativity, confidence, and high-end digital branding. 🎬✨

Project is ongoing, Not Finished Yet
Feedback is always appreciated ❤️

After quite some time, I had the chance to design a portfolio for video editor Arik Mahmud. While the project itself was...
15/04/2026

After quite some time, I had the chance to design a portfolio for video editor Arik Mahmud. While the project itself was small, the process was genuinely enjoyable and creatively fulfilling.
To me, a portfolio or landing page is more than just a showcase—it’s a personal space where individuals express their unique taste, style, and creative signature through their work.

A special Thanks to Hidden gem Fahim Hossain

View Link: http://arik-mahmud0.surge.sh/

29/03/2026

If You Hesitate, Your Moment will Go Away, And Be Achieved by Someone Who Doesn't deserve it

জুনিয়র developer আমাকে একদিন জিজ্ঞেস করলো —"ভাই, .filter() আর .find() এর মধ্যে পার্থক্য কী? দুটোই তো array থেকে কিছু বে...
11/02/2026

জুনিয়র developer আমাকে একদিন জিজ্ঞেস করলো —
"ভাই, .filter() আর .find() এর মধ্যে পার্থক্য কী? দুটোই তো array থেকে কিছু বের করে!"

আমি হাসলাম। কারণ আমিও একসময় এটা গুলিয়ে ফেলতাম।

আমার নিজের কষ্টের গল্প

যখন প্রথম JavaScript শিখি, তখন .filter() দিয়ে single item খুঁজতাম। Result আসতো array হিসেবে, তারপর ভাবতাম — "আরে, এটা কাজ করলো না কেন?!"

সেই ভুলটা শিখিয়েছে — সঠিক method, সঠিক জায়গায় ব্যবহার করতে হয়।

Real-Life Analogy দিয়ে বুঝি

কল্পনা করো তুমি একটা বড় মার্কেটে গেছো।

📦 Filter = "সব লাল শার্ট দাও" → দোকানদার পুরো স্টক চেক করে, সব লাল শার্টের একটা লিস্ট দিলো। → Result: একাধিক item এর collection

🔍 Searching = "শুধু XL size-এর একটা শার্ট দাও" → দোকানদার খুঁজে প্রথম match টা দিলো, তারপর থামলো। → Result: একটাই item

🔷 JavaScript-এ Breakdown করি
✅ .filter() — সব match খোঁজে

const products = [
{ name: "Shirt", price: 500 },
{ name: "Pant", price: 800 },
{ name: "Shoe", price: 500 },
];

// সব 500 টাকার product খুঁজবো
const affordable = products.filter(item => item.price === 500);

// Result: [ { name: "Shirt" }, { name: "Shoe" } ]

// 👉 Returns ARRAY — সব match একসাথে

✅ .find() — প্রথম match খোঁজে
// শুধু প্রথম 500 টাকার product খুঁজবো
const firstAffordable = products.find(item => item.price === 500);

// Result: { name: "Shirt", price: 500 }
// 👉 Returns SINGLE OBJECT — প্রথমটা পেলেই থামে

✅ .findIndex() — position খুঁজে
// কোন index-এ আছে জানতে চাই
const index = products.findIndex(item => item.name === "Pant");

// Result: 1
// 👉 Returns INDEX NUMBER

🔷 .filter() → পুরো array scan করে, O(n)
🔷 .find() → প্রথম match-এ বের হয়, best case O(1)

Large dataset-এ unique item খুঁজতে .find() সবসময় faster!

বড় e-commerce app এ লাখো product-এর মধ্যে একটা product খুঁজতে .filter() use করলে — performance nightmare!

🎯 মনে রাখার Shortcut
🔷 Filter = "সব চাই" → Array returns
🔍 Find = "একটাই চাই" → Object returns
📍 FindIndex = "কোথায় আছে" → Number returns

29/01/2026

Do today what others won't
and achieve tomorrow what others can't

অনেক ওয়েবসাইট ফেইল করে কোড খারাপ বলে না,ফেইল করে কারণ ওগুলো কোনো গল্প বলে না।আমরা ওয়েব ডেভেলপাররা সাধারণত ফোকাস করি—সুন্...
14/12/2025

অনেক ওয়েবসাইট ফেইল করে কোড খারাপ বলে না,
ফেইল করে কারণ ওগুলো কোনো গল্প বলে না।

আমরা ওয়েব ডেভেলপাররা সাধারণত ফোকাস করি—

সুন্দর ডিজাইন

ফাস্ট লোডিং

লেটেস্ট টেকনোলজি

এগুলো দরকার আছে, কিন্তু এগুলোই সব না।

একটা ভালো ওয়েবসাইট প্রথম দেখাতেই ভিজিটরের মনে এই প্রশ্নের উত্তর দিতে হবে:

“এই ওয়েবসাইটটা কি আমার জন্য?”

এই জায়গাতেই স্টোরিটেলিং সবচেয়ে পাওয়ারফুল।

ওয়েবসাইটে স্টোরিটেলিং মানে হলো—

ক্লায়েন্টের বিজনেস বোঝা

তার টার্গেট অডিয়েন্সের ভাষায় কথা বলা

তাদের সমস্যা, জার্নি আর সমাধানটা দেখানো

রিয়েল এস্টেট সাইট টেক ডেমোর মতো হলে চলবে না।

কোচিং সাইট ডকুমেন্টেশনের মতো হলে কাজ করবে না।

ই-কমার্স সাইটে শুধু প্রোডাক্ট দেখালেই হবে না — বিশ্বাস তৈরি করতে হবে।

যখন আপনি ক্লায়েন্টের নিস আর বিজনেস অনুযায়ী গল্প বলতে পারেন,

তখন আপনি শুধু ওয়েবসাইট বানান না —

আপনি কানেকশন, ক্ল্যারিটি আর কনভার্সন তৈরি করেন।

এই জায়গাটাই একজন ডেভেলপারকে আরেকজনের থেকে আলাদা করে দেয়।

✨ কোড সাইট বানায়
✨ গল্প সাইটকে কাজ করায়

রাত ৩টা বাজে। অথবা ভোর সকাল। ঘুম থেকে উঠেছেন।মনে হচ্ছে, দুনিয়ায় শুধু আমিই মনে হয় আলুভর্তা দিয়ে পান্তাভাত খাচ্ছি। বাক...
01/12/2025

রাত ৩টা বাজে।
অথবা ভোর সকাল।
ঘুম থেকে উঠেছেন।

মনে হচ্ছে, দুনিয়ায় শুধু আমিই মনে হয় আলুভর্তা দিয়ে পান্তাভাত খাচ্ছি। বাকী সবাই এগিয়ে যাচ্ছে।

এসব দেখে আপনার উদাস মন আপনাকে বলে ওঠে, কী করলাম জীবনে?
দুনিয়ার সবাই তো রকেটের গতিতে এগিয়ে যাচ্ছে, আমি কি তাহলে জ্যামে আটকে পড়া লোকাল বাসের মতো স্থির হয়ে গেলাম?

এই ফিলিংসটা শুধু আপনার না, এটা এখনকার জেনারেশনের জাতীয় সমস্যা।

ফ্যান্সি ভাষায় একে বলে FOMO (Fear of Missing Out)।

তবে আসল কথা হচ্ছে, আপনি জাস্ট বাফারিং মোডে পড়ে গেছেন।

বাফারিং শুধু ভিডিও লোডের সময়েই হয় না।

আপনার জীবনে আসে যেসব কারণে:

👉 ১. Speed vs Velocity

ছোটবেলায় ফিজিক্স পড়েননি? একটা হচ্ছে দ্রুতি, আরেকটা হচ্ছে বেগ।

আপনার বন্ধু হয়তো মাসে ২ লাখ টাকা কামাচ্ছে, কিন্তু সে হয়তো এমন একটা রাস্তায় দৌড়াচ্ছে যেখানে তার কোনো গ্রোথ নাই।

আর আপনি হয়তো এখন মাসে ১০ হাজার টাকাও কামাচ্ছেন না, কিন্তু আপনি এমন একটা স্কিল শিখছেন যেটা পরে আপনাকে ভালো রিটার্ন দেবে।

সবাই দৌড়াচ্ছে মানেই এই না যে সবাই সঠিক ডিরেকশনে দৌড়াচ্ছে। আপনি ভুল রাস্তায় ১৫০ কিমি স্পিডেও গাড়ি চালালে গন্তব্যে পৌঁছাবেন না। তার চেয়ে সঠিক রাস্তায় ১০ কিমি স্পিডে হাঁটাও বেটার।

👉 ২. চাইনিজ বাঁশ গাছের থিওরি

চাইনিজ ব্যাম্বু ট্রি-এর বীজ লাগানোর পর প্রথম ৫ বছর মাটির উপরে কিচ্ছু দেখা যায় না। কিন্তু ৫ম বছরের মাথায়, মাত্র ৬ সপ্তাহের মধ্যে এই গাছটা হঠাৎ করে ৮০-৯০ ফুট লম্বা হয়ে যায়!

এখন প্রশ্ন হলো, গাছটা কি ৬ সপ্তাহে বড় হয়েছে?
না, গাছটা গত ৫ বছর ধরে মাটির নিচে তার শিকড় শক্ত করছিল। যাতে ৮০ ফুটের ওজনটা সে নিতে পারে। আপনার এখনকার সময়টা হলো সেই শিকড় গজানোর সময়। বাইরে থেকে মনে হচ্ছে আপনি স্থির, কিন্তু ভেতরে ভেতরে আপনি নিজেকে তৈরি করছেন।

👉 ৩. অন্যের হাইলাইটস vs আপনার বিহাইন্ড দ্য সিন

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

👉 ৪. আপনি কি ল্যাপটপ আপডেট দিচ্ছেন?

মাঝেমধ্যে উইন্ডোজ আপডেট নিতে সময় নেয় না? তখন পিসি কোনো কাজ করে না। তার মানে কি নষ্ট?
না! পিসি নিজেকে আপগ্রেড করছে যাতে পরের ভার্সনে আরও ফাস্ট কাজ করতে পারে।

আপনার এই স্থির সময়টা হলো সেই সিস্টেম আপডেটের সময়। নিজেকে স্কিল দিয়ে, ধৈর্য দিয়ে, নলেজ দিয়ে আপডেট করছেন। আপডেট শেষ হতে দিন!

✅ তাহলে এখন কী করবেন?

১. ব্লাইন্ডার লাগান : ঘোড়ার চোখে যেমন ঠুলি পরানো থাকে যাতে সে ডানে-বামে না তাকায়, আপনিও নিজের ফোকাসে ঠুলি লাগান। কে কী করল, দেখুন, দেখা উচিত। কিন্তু প্যানিক না করে ড্যাম কেয়ার ভাব ধরে রাখুন!

২. নিজের রেস, নিজের পেস: লাইফ একটা ম্যারাথন। কেউ ২৫ বছরে সিইও হয় আবার ৫০ বছরে গিয়ে মারা যায়। কেউ ৫০ বছরে বিজনেস শুরু করে ৯০ বছর পর্যন্ত রাজত্ব করে।

৩. একটুখানি আগান: একদম স্থির হয়ে না থেকে প্রতিদিন অন্তত ১% ইম্প্রুভ করুন।

24/11/2025

A fool with action will always win over a genius who overthinks.

Address

40th South Khilgaon
Dhaka
1219

Alerts

Be the first to know and let us send you an email when Code WIth JoySultan posts news and promotions. Your email address will not be used for any other purpose, and you can unsubscribe at any time.

Shortcuts

Share

Category