⚒️ Projects
Weather Dashboard Project
Features

ফিচারসমূহ:

১। হোমপেজে আবহাওয়ার তথ্য প্রদর্শন

  • অ্যাপ্লিকেশনটি চালু হওয়ার সাথে সাথে ব্যবহারকারীর কাছে লোকেশন পারমিশন চাইব।
  • পারমিশন পেলে, সেই লোকেশনের Latitude, Longitude নিয়ে বর্তমান আবহাওয়ার তথ্য ড্যাশবোর্ডে (হোমপেজে) দেখানো হবে।
  • শুরুতেই ব্রাউজারের লোকাল স্টোরেজ চেক করে দেখা হবে সেখানে পছন্দের কোনো লোকেশন লিস্ট সেভ করা আছে কিনা।

২। সার্চ অপশন

  • হেডারে একটি সার্চ বার থাকবে।
  • ব্যবহারকারী যেকোনো জায়গার নাম লিখে সার্চ করলে, সেই জায়গার আবহাওয়ার ডেটা ড্যাশবোর্ডে দেখানো হবে (এজন্য আমরা একটি অতিরিক্ত API ব্যবহার করব)।
  • সার্চ করার পর রিসেট করার অপশনও থাকবে।

৩। ফেভারিট লিস্টে যুক্ত ও রিমুভ

  • ড্যাশবোর্ডে "Add To Favourite" নামে একটি বাটন থাকবে।
  • এই বাটনে ক্লিক করলে বর্তমান লোকেশনের নাম, ল্যাটিচিউড এবং লংগিচিউড ফেভারিট লিস্টে (ইন-মেমরি এবং লোকাল স্টোরেজে) সেভ হবে।
  • সেভ করার সাথে সাথে বাটনটি পরিবর্তিত হয়ে "Remove From Favourite" দেখাবে।

৪। ফেভারিট লিস্ট থেকে আবহাওয়া দেখা:

  • ফেভারিট লিস্টের কোনো লোকেশনে ক্লিক করলে, তার ল্যাটিচিউড ও লংগিচিউড ব্যবহার করে API থেকে সর্বশেষ ডেটা এনে ড্যাশবোর্ডে দেখানো হবে।

৫। ফেভারিট লোকেশন:

  • হেডারে ফেভারিট আইকনে ক্লিক করলে ড্যাশবোর্ডে সেভ করা সব ফেভারিট লোকেশন দেখানো হবে। এই লিস্ট থেকে ব্যবহারকারীরা চাইলে কোনো ফেভারিট লোকেশন রিমুভও করতে পারবেন।

কোড শুরুর আগে,

১। আমাদের UI বানিয়ে নিতে হয় ২। কি কি ফিচার থাকবে তা লিস্ট করতে হয় ৩। UI কে ভেংগে কতগুলো কম্পোনেন্ট বানানো যায় ৪। কম্পোনেন্ট হায়ারার কি ও ডাটা পাসিং


© 2025 React JS Bangla Tutorial.