Скачать или смотреть Weather Dashboard App with React | Context API, Custom Hooks & LocalStorage

React.js ব্যবহার করে একটি রিয়েল-ওয়ার্ল্ড প্রজেক্ট- Weather Dashboard App!

github source code: https://github.com/codedbyMojnu/youtu...

এই ভিডিওতে আমরা ধাপে ধাপে একটি সম্পূর্ণ আবহাওয়ার অ্যাপ (Weather App) তৈরি করেছি। 🌦️

এই প্রজেক্টের মাধ্যমে আপনি শিখতে পারবেন কিভাবে React এর State, Context API, Effect Hook এবং Custom Hook ব্যবহার করে একটি ডায়নামিক অ্যাপ্লিকেশন তৈরি করা যায়। এছাড়াও, ব্রাউজারের Fetch API এবং LocalStorage ব্যবহার করে ডেটা আনা এবং লোকালভাবে সেভ করার সিস্টেম আলোচনা করেছি।

---
✅এই প্রজেক্টে ব্যবহৃত টেকনোলজি (Technologies Used):
React
React State
React Context API
React useEffect
React Custom Hook
Browser Fetch API (Async/Await)
LocalStorage

✨ অ্যাপটির ফিচারসমূহ (Application Features):
বর্তমান আবহাওয়ার তথ্য: ব্যবহারকারীর লোকেশন পারমিশন নিয়ে বর্তমান আবহাওয়ার তথ্য হোমপেজে দেখানো।
সার্চ কার্যকারিতা: যেকোনো শহরের নাম লিখে সার্চ করে তার আবহাওয়ার তথ্য দেখা।
ফেভারিট লিস্ট: পছন্দের লোকেশন ফেভারিট লিস্টে যোগ করা ও LocalStorage-এ সেভ করা।
ফেভারিট ম্যানেজমেন্ট: ফেভারিট লিস্ট থেকে লোকেশন দেখা এবং রিমুভ করার সুবিধা।

---
🏗️ প্রজেক্ট তৈরির ধাপ (Development Steps):
আমরা প্রজেক্ট শুরু করার আগে কিছু গুরুত্বপূর্ণ বিষয় নিয়ে আলোচনা করেছি, যা যেকোনো সফটওয়্যার তৈরির জন্য জরুরি:
১. UI ডিজাইন।
২. ফিচারের তালিকা তৈরি।
৩. UI-কে কম্পোনেন্টে বিভক্ত করা।
৪. কম্পোনেন্ট হায়ারার্কি ও ডেটা পাসিং স্ট্রাকচার তৈরি।

এই টিউটোরিয়ালটি আপনার React স্কিলকে পরবর্তী স্তরে নিয়ে যেতে সাহায্য করবে। ভিডিওটি ভালো লাগলে লাইক 👍 ও শেয়ার করুন এবং আপনার মতামত কমেন্টে জানান।

#ReactJS #ReactProject #WeatherApp #BanglaTutorial #ContextAPI #CustomHooks #WebDevelopment #Programming