const { useState } = React; const examData = [ { date: '21-04-26', day: 'মঙ্গলবার', subject: 'বাংলা ১ম', dept: ['All'] }, { date: '22-04-26', day: 'বুধবার', subject: 'ইংরেজি ১ম', dept: ['All'] }, { date: '23-04-26', day: 'বৃহস্পতিবার', subject: 'জীববিজ্ঞান / অর্থনীতি ১ম', dept: ['Science', 'Humanities', 'Business Studies'] }, { date: '26-04-26', day: 'রবিবার', subject: 'পদার্থবিজ্ঞান / যুক্তিবিদ্যা / ব্যবসায় সংগঠন ও ব্যবস্থাপনা ১ম', dept: ['Science', 'Humanities', 'Business Studies'] }, { date: '27-04-26', day: 'সোমবার', subject: 'রসায়ন / পৌরনীতি / হিসাববিজ্ঞান ১ম', dept: ['Science', 'Humanities', 'Business Studies'] }, { date: '28-04-26', day: 'মঙ্গলবার', subject: 'উচ্চতর গণিত / সমাজবিজ্ঞান / উৎপাদন ব্যবস্থাপনা ও বিপণন ১ম', dept: ['Science', 'Humanities', 'Business Studies'] }, { date: '29-04-26', day: 'বুধবার', subject: 'বাংলা ২য়', dept: ['All'] }, { date: '30-04-26', day: 'বৃহস্পতিবার', subject: 'ইংরেজি ২য়', dept: ['All'] }, { date: '03-05-26', day: 'রবিবার', subject: 'তথ্য ও যোগাযোগ প্রযুক্তি (ICT)', dept: ['All'] }, { date: '04-05-26', day: 'সোমবার', subject: 'পদার্থবিজ্ঞান / যুক্তিবিদ্যা / ব্যবসায় সংগঠন ও ব্যবস্থাপনা ২য়', dept: ['Science', 'Humanities', 'Business Studies'] }, { date: '05-05-26', day: 'মঙ্গলবার', subject: 'জীববিজ্ঞান / অর্থনীতি ২য়', dept: ['Science', 'Humanities', 'Business Studies'] }, { date: '06-05-26', day: 'বুধবার', subject: 'রসায়ন / পৌরনীতি / হিসাববিজ্ঞান ২য়', dept: ['Science', 'Humanities', 'Business Studies'] }, { date: '07-05-26', day: 'বৃহস্পতিবার', subject: 'উচ্চতর গণিত / সমাজবিজ্ঞান / উৎপাদন ব্যবস্থাপনা ও বিপণন ২য়', dept: ['Science', 'Humanities', 'Business Studies'] }, ]; function ExamRoutineApp() { const [filter, setFilter] = useState('All'); // Filter logic remains exactly as you provided const filteredExams = examData.filter(exam => filter === 'All' || exam.dept.includes(filter) || exam.dept.includes('All') ); return ( {/* Header */} বেপজা পাবলিক স্কুল ও কলেজ, চট্টগ্রাম ইপিজেড এইচ এস সি চূড়ান্ত মডেল টেস্ট – ২০২৬ সময়সূচি সময়: বেলা ১২:১৫ – ০৩:১৫ {/* Filter Buttons - Labels are exactly as requested */} {['All', 'Science', 'Humanities', 'Business Studies'].map((dept) => ( setFilter(dept)} className={`px-4 py-2 rounded-full text-xs md:text-sm font-medium transition-all border ${ filter === dept ? 'bg-blue-600 text-white border-blue-600 shadow-md' : 'bg-white text-gray-600 border-gray-200 hover:bg-gray-100 shadow-sm' }`} > {dept === 'All' ? 'সব বিষয়' : dept} ))} {/* Routine Table */} তারিখ ও বার বিষয় {filteredExams.map((exam, index) => ( {exam.date} {exam.day} {exam.subject} ))} {/* Footer Information */} প্রতিটি বিষয়ের উপর ১০০ নম্বরের পরীক্ষা হবে। প্রতিদিন বেলা ১২:১৫ টায় পরীক্ষা শুরু হবে। পরীক্ষার সময় ৩ ঘণ্টা। ); } // Initializing the app const root = ReactDOM.createRoot(document.getElementById('exam-routine-root')); root.render();
