🚀 Hazrat Ali

🚁 Software Engineering

🛸 React Bangla Tutorial 🇧🇩

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

---

React Bangla Tutorial একটি ওপেন সোর্স প্রজেক্ট, যেখানে আমরা React-এর অফিসিয়াল ডকুমেন্টেশনকে বাংলায় সহজ ভাষায় উপস্থাপন করেছি। আমাদের লক্ষ্য হলো বাংলা ভাষাভাষী ডেভেলপারদের জন্য React শেখাকে আরও সহজ ও আনন্দদায়ক করা।

📘 লাইভ টিউটোরিয়াল সাইট: hazrat-react-bangla.vercel.app

---

✨ বৈশিষ্ট্যসমূহ

• ✅ অফিসিয়াল React ডকুমেন্টেশন অনুসরণ করে লেখা
• ✅ সহজ ও প্রাঞ্জল বাংলা ভাষায় ব্যাখ্যা
• ✅ প্রতিটি অধ্যায়ে উদাহরণসহ ব্যাখ্যা
• ✅ ওপেন সোর্স ও কমিউনিটি-চালিত

---

🚀 কিভাবে শুরু করবেন

১. প্রজেক্ট ক্লোন করুন

git clone https://github.com/Hazrat-Ali9/React-Bangla-Documentation
cd React-Bangla-Documentation.git

২. ডিপেন্ডেন্সি ইনস্টল করুন

npm install
# অথবা
pnpm install

৩. ডেভেলপমেন্ট সার্ভার চালু করুন

npm run dev
# অথবা
pnpm dev

এখন আপনার ব্রাউজারে যান: http://localhost:3000

---

🤝 কিভাবে অবদান রাখবেন

আমরা আপনাকে আমাদের প্রজেক্টে অবদান রাখতে আন্তরিকভাবে স্বাগত জানাই! নিচের ধাপগুলো অনুসরণ করুন:

1. ফর্ক করুন এই রিপোজিটরিটি।

2. ক্লোন করুন আপনার ফর্ক করা রিপোজিটরিটি:

   git clone https://github.com/your-username/React-Bangla-Documentation.git

3. নতুন ব্রাঞ্চ তৈরি করুন:

   git checkout -b feature/your-feature-name

4. আপনার পরিবর্তন করুন এবং কমিট করুন:

   git commit -m "আপনার পরিবর্তনের সংক্ষিপ্ত বিবরণ"

5. পুশ করুন আপনার ব্রাঞ্চ:

   git push origin feature/your-feature-name

6. পুল রিকোয়েস্ট (Pull Request) তৈরি করুন মূল রিপোজিটরিতে।

🛠️ অবদান রাখার কিছু পরামর্শ

• বানান ও ব্যাকরণ ঠিক রাখুন।
• কোড উদাহরণগুলো পরীক্ষা করে যুক্ত করুন।
• প্রতিটি পরিবর্তনের জন্য স্পষ্ট কমিট মেসেজ ব্যবহার করুন।
• বড় পরিবর্তনের আগে Issue খুলে আলোচনা করুন।

---

📂 রিপোজিটরির গঠন

react-bangla-tutorial/
├── pages/                 # প্রতিটি অধ্যায়ের জন্য আলাদা ফাইল
├── components/            # পুনর্ব্যবহারযোগ্য কম্পোনেন্ট
├── public/                # পাবলিক অ্যাসেট (ছবি, ফন্ট ইত্যাদি)
├── theme.config.tsx       # থিম কনফিগারেশন
├── package.json           # প্রজেক্ট কনফিগারেশন
└── README.md              # এই ফাইল

---

📚 অন্যান্য রিসোর্স

• 📘 React অফিসিয়াল ডকুমেন্টেশন
• 🎥 LWS React Bangla Course
• 💻 React Bangla Tutorial কোড রিপোজিটরি

---

📢 যোগাযোগ

• 🙀 React Bangla Tutorial কোড রিপোজিটরি
• 💻 React Bangla Tutorial কোড রিপোজিটরি আপনার যদি কোনো প্রশ্ন, পরামর্শ বা সমস্যা থাকে, তাহলে Issues বিভাগে জানান অথবা সরাসরি Pull Request পাঠান।

---

আপনার অবদান আমাদের প্রজেক্টকে আরও সমৃদ্ধ করবে। ধন্যবাদ! 💙