React Bangla | আমাদের সম্পর্কে
React Bangla 🇧🇩
React Bangla একটি ওপেন সোর্স প্রজেক্ট, যেখানে আমরা বাংলা ভাষায় সহজ করে ফ্রন্টএন্ড, ব্যাকএন্ড এবং ফুলস্ট্যাক ওয়েব ডেভেলপমেন্ট শেখানোর চেষ্টা করছি। শুরুটা হয়েছিল React-এর অফিসিয়াল ডকুমেন্টেশন বাংলায় অনুবাদ করে, কিন্তু এখন আমাদের লক্ষ্য আরও বড় — একজন সম্পূর্ণ ফুলস্ট্যাক ডেভেলপার হয়ে ওঠার জন্য যা যা দরকার, তার সবকিছু এক জায়গায় বাংলায় নিয়ে আসা।
নামে "React" থাকলেও, React Bangla এখন আর শুধু React-এ সীমাবদ্ধ নয় — এখানে ফ্রন্টএন্ড থেকে ব্যাকএন্ড পর্যন্ত সম্পূর্ণ ওয়েব ডেভেলপমেন্ট স্ট্যাক নিয়ে কনটেন্ট পাবেন।
📘 লাইভ টিউটোরিয়াল সাইট: react-bangla.vercel.app
✨ React Bangla-তে কি কি পাবেন
🎨 ফ্রন্টএন্ড
- ✅ অফিসিয়াল React ডকুমেন্টেশন অনুসরণ করে সহজ ও প্রাঞ্জল বাংলায় ব্যাখ্যা
- ✅ Next.js, Redux Toolkit ও Context API দিয়ে স্টেট ম্যানেজমেন্ট
- ✅ Tailwind CSS v4 দিয়ে মডার্ন, রেসপন্সিভ UI ডিজাইন
- ✅ Axios দিয়ে API ইন্টিগ্রেশন — বাস্তব প্রজেক্ট উদাহরণসহ (যেমন Facebook-স্টাইল অ্যাপ "Deshi Book")
⚙️ ব্যাকএন্ড ও ফুলস্ট্যাক
- ✅ REST API ও json-server দিয়ে ব্যাকএন্ড কনসেপ্ট শেখা
- ✅ ফ্রন্টএন্ড-ব্যাকএন্ড ইন্টিগ্রেশনসহ সম্পূর্ণ প্রজেক্ট-ভিত্তিক টিউটোরিয়াল (যেমন "দেশি বাজার")
- ✅ ধাপে ধাপে সম্পূর্ণ অ্যাপ্লিকেশন তৈরি করা শেখা — শুধু থিওরি নয়, প্র্যাকটিক্যাল ইমপ্লিমেন্টেশন
📖 ক্যারিয়ার ও অতিরিক্ত রিসোর্স
- ✅ চাকরির ইন্টারভিউর জন্য বাংলায় React ইন্টারভিউ প্রশ্ন
- ✅ React শেখার জন্য বাংলা ইবুক
- ✅ প্রতিটি অধ্যায়ে উদাহরণসহ ব্যাখ্যা ও অনুশীলনী
- ✅ ওপেন সোর্স ও কমিউনিটি চালিত
🚀 কিভাবে শুরু করবেন
১. প্রজেক্ট ক্লোন করুন
git clone https://github.com/codedbyMojnu/react-bangla-tutorial.git
cd react-bangla-tutorial২. ডিপেন্ডেন্সি ইনস্টল করুন
npm install
# অথবা
pnpm install৩. ডেভেলপমেন্ট সার্ভার চালু করুন
npm run dev
# অথবা
pnpm devএখন আপনার ব্রাউজারে যান: http://localhost:3000
🤝 কিভাবে অবদান রাখবেন
আমরা আপনাকে আমাদের প্রজেক্টে অবদান রাখতে আন্তরিকভাবে স্বাগত জানাই — ফ্রন্টএন্ড, ব্যাকএন্ড, যেকোনো বিষয়ে! নিচের ধাপগুলো অনুসরণ করুন:
-
ফর্ক করুন এই রিপোজিটরিটি।
-
ক্লোন করুন আপনার ফর্ক করা রিপোজিটরিটি:
git clone https://github.com/your-username/react-bangla-tutorial.git -
নতুন ব্রাঞ্চ তৈরি করুন:
git checkout -b feature/your-feature-name -
আপনার পরিবর্তন করুন এবং কমিট করুন:
git commit -m "আপনার পরিবর্তনের সংক্ষিপ্ত বিবরণ" -
পুশ করুন আপনার ব্রাঞ্চ:
git push origin feature/your-feature-name -
পুল রিকোয়েস্ট (Pull Request) তৈরি করুন মূল রিপোজিটরিতে।
🛠️ অবদান রাখার কিছু পরামর্শ
- বানান ও ব্যাকরণ ঠিক রাখুন।
- কোড উদাহরণগুলো পরীক্ষা করে যুক্ত করুন।
- প্রতিটি পরিবর্তনের জন্য স্পষ্ট কমিট মেসেজ ব্যবহার করুন।
- বড় পরিবর্তনের আগে Issue খুলে আলোচনা করুন।
📂 রিপোজিটরির গঠন
react-bangla-tutorial/
├── pages/ # প্রতিটি অধ্যায়ের জন্য আলাদা ফাইল (ফ্রন্টএন্ড ও ব্যাকএন্ড টপিকসহ)
├── components/ # পুনর্ব্যবহারযোগ্য কম্পোনেন্ট
├── public/ # পাবলিক অ্যাসেট (ছবি, ফন্ট ইত্যাদি)
├── theme.config.tsx # থিম কনফিগারেশন
├── package.json # প্রজেক্ট কনফিগারেশন
└── README.md # এই ফাইল📚 অন্যান্য রিসোর্স
📢 যোগাযোগ
আপনার যদি কোনো প্রশ্ন, পরামর্শ বা সমস্যা থাকে, তাহলে Issues বিভাগে জানান অথবা সরাসরি Pull Request পাঠান।
আপনার অবদান আমাদের প্রজেক্টকে আরও সমৃদ্ধ করবে। ধন্যবাদ! 💙
❤️ পাশে থাকুন, সাপোর্ট করুন
এই কমিউনিটি ফ্রি রাখতে আপনার সাপোর্ট গুরুত্বপূর্ণ। ইচ্ছেমতো যেকোনো অ্যামাউন্ট পাঠাতে পারেন নিচের যেকোনো নাম্বারে।