৫টি দরকারী JavaScript প্রজেক্ট (Local Storage ব্যবহার করে)
(HTML, CSS ব্যাসিক হবে, ফোকাস শুধুমাত্র JavaScript-এ থাকবে)
প্রজেক্ট ১: অটোমেটেড টাস্ক ম্যানেজার
বিবরণ:
একটি টাস্ক ম্যানেজার অ্যাপ যেখানে ব্যবহারকারীরা টাস্ক যোগ, সম্পন্ন এবং ডিলিট করতে পারবে। টাস্কগুলো Local Storage-এ সংরক্ষণ থাকবে যাতে পেজ রিফ্রেশ হলেও হারিয়ে না যায়।
মূল ফিচার:
✅ নতুন টাস্ক যোগ করা যাবে
✅ প্রতিটি টাস্ক Completed / Pending হিসেবে মার্ক করা যাবে
✅ ডিলিট করার অপশন থাকবে
✅ ফিল্টারিং অপশন: Completed, Pending, All
✅ Local Storage-এ ডাটা সংরক্ষণ করা হবে
প্রযুক্তি:
✅ HTML (Basic Form & Buttons)
✅ CSS (Basic Styling, Tailwind optional)
✅ JavaScript (DOM Manipulation, LocalStorage, Event Handling)
প্রজেক্ট ২: ক্যালকুলেটর (Custom JS Calculator)
বিবরণ:
একটি কাস্টম ক্যালকুলেটর তৈরি করতে হবে যা ব্যবহারকারী সাধারণ গাণিতিক কাজের জন্য ব্যবহার করতে পারবে।
মূল ফিচার:
✅ সংখ্যা ইনপুট ও গণনা করা যাবে
✅ যোগ, বিয়োগ, গুণ, ভাগ করার অপশন থাকবে
✅ Equal বাটন চাপলে সঠিক ফলাফল দেখাবে
✅ Local Storage ব্যবহার করে শেষ গণিত সংরক্ষণ করবে
✅ Reset অপশন থাকবে
প্রযুক্তি:
✅ HTML (Input, Buttons)
✅ CSS (Basic Layout, Grid)
✅ JavaScript (Event Handling, LocalStorage, Operators Handling, Eval function)
প্রজেক্ট ৩: ডিজিটাল নোটপ্যাড (Notes App)
বিবরণ:
একটি নোটপ্যাড অ্যাপ তৈরি করতে হবে যেখানে ব্যবহারকারীরা নিজের লেখা নোট সংরক্ষণ করতে পারবে।
মূল ফিচার:
✅ নতুন নোট লিখে সংরক্ষণ করা যাবে
✅ নোট আপডেট / ডিলিট করা যাবে
✅ Local Storage-এ সমস্ত নোট সংরক্ষণ থাকবে
✅ প্রতিটি নোটের জন্য আলাদা আইডি তৈরি হবে
✅ ডার্ক মোড সাপোর্ট থাকবে
প্রযুক্তি:
✅ HTML (TextArea, Buttons)
✅ CSS (Responsive Design, Tailwind Optional)
✅ JavaScript (LocalStorage, DOM Manipulation, CRUD Operations, Theme Toggle)
প্রজেক্ট ৪: ইমেজ গ্যালারি (Image Gallery with Favorites)
বিবরণ:
একটি ইমেজ গ্যালারি তৈরি করতে হবে যেখানে ব্যবহারকারীরা ছবি দেখবে এবং প্রিয় ছবিগুলো Favorite হিসেবে চিহ্নিত করতে পারবে।
মূল ফিচার:
✅ Random ইমেজ লোড হবে (প্রি-লোডেড)
✅ ইউজার যেকোনো ইমেজ "Favorite" হিসেবে মার্ক করতে পারবে
✅ Favorite ইমেজগুলো আলাদা সেকশনে দেখাবে
✅ Local Storage ব্যবহার করে ফেভারিট লিস্ট সংরক্ষণ থাকবে
✅ ডিলিট বা আনফেভারিট করা যাবে
প্রযুক্তি:
✅ HTML (Images Grid)
✅ CSS (Flexbox/Grid for Layout)
✅ JavaScript (LocalStorage, DOM Manipulation, Click Events, Filtering)
প্রজেক্ট ৫: ইনভেন্টরি ম্যানেজমেন্ট (Product Inventory System)
বিবরণ:
একটি ইনভেন্টরি ম্যানেজমেন্ট সিস্টেম বানাতে হবে যেখানে পণ্যের নাম, পরিমাণ, মূল্য ইত্যাদি যোগ করা যাবে এবং আপডেট ও ডিলিট করা যাবে।
মূল ফিচার:
✅ নতুন পণ্য যোগ করা যাবে
✅ পণ্যের তথ্য আপডেট / ডিলিট করা যাবে
✅ Local Storage-এ সমস্ত পণ্যের ডাটা সংরক্ষণ থাকবে
✅ পণ্যের মোট মূল্য (Total Cost) দেখাবে
✅ ফিল্টার ও সার্চ ফাংশন থাকবে
প্রযুক্তি:
✅ HTML (Form & Table)
✅ CSS (Responsive Design, Grid/Flexbox)
✅ JavaScript (LocalStorage, DOM Manipulation, CRUD Operations, Search & Filter, Calculation)
Post a Comment