MERN Stack শেখার ৩২তম দিন
আজ আমি একটি Snake and Ladder গেম তৈরি করেছি।
এই প্রজেক্টটির জন্য জটিল array manipulation এবং লজিকের প্রয়োজন ছিল। আমি HTML5, CSS3 এবং Vanilla JavaScript ব্যবহার করেছি।
গতকাল আমি Rock Paper Scissors তৈরি করেছিলাম। আজ আমি ১০০-সেল বিশিষ্ট একটি গ্রিডে কাজ করেছি। এর জন্য একটি গাণিতিক লেআউটের মাধ্যমে অবস্থানগুলো ট্র্যাক করা প্রয়োজন ছিল।
আমি এটি যেভাবে তৈরি করেছি তা নিচে দেওয়া হলো:
- গ্রিডটি তৈরি করতে আমি একটি লুপ ব্যবহার করেছি। আমি ১০০টি div হার্ডকোড করিনি।
- ১০x১০ লেআউট তৈরি করতে আমি CSS Grid ব্যবহার করেছি।
- সাপ এবং সিঁড়িগুলো পরিচালনা করতে আমি একটি JavaScript object ব্যবহার করেছি।
অবজেক্ট ম্যাপটি একটি trigger tile-কে একটি destination tile-এর সাথে যুক্ত করে। এটি দীর্ঘ if-else স্টেটমেন্ট এড়াতে সাহায্য করে।
উদাহরণস্বরূপ ম্যাপ:
- সিঁড়ি (Ladders): ৪ থেকে ১৪, ৯ থেকে ৩১, ২৮ থেকে ৮৪।
- সাপ (Snakes): ১৭ থেকে ৭, ৫৪ থেকে ৩৪, ৯৮ থেকে ৭৯।
একটি ডায়নামিক ইন্টারফেসে spatial transitions পরিচালনা করার মাধ্যমে আমি state management সম্পর্কে অনেক কিছু শিখেছি।
উৎস: https://dev.to/ali_hamza_589ec7b3eb6688d/day-32-of-learning-mern-stack-15o1