বাচ্চাদের জন্য বাছাই করা YouTube শিক্ষামূলক ভিডিও ও চ্যানেলের সংকলন — বয়স ৪–৮ বছর
🌐 Live Site: kidslearningbd.vercel.app
এই প্রজেক্টটি তৈরি হয়েছে একটি শিশুর (৪–৮ বছর) শিক্ষামূলক YouTube ভিডিও ও চ্যানেল সহজে খুঁজে পাওয়ার সুবিধার্থে। সকল ভিডিও ও চ্যানেল ৮টি ক্যাটাগরিতে সাজানো এবং thumbnail সহ সরাসরি YouTube-এ যাওয়ার লিংক আছে।
- 🔄 Auto-fetch — noembed API-এর মাধ্যমে video title ও channel স্বয়ংক্রিয়ভাবে লোড হয়
- 🗂️ Category Filter — ভিডিও ও চ্যানেল উভয়ে ক্যাটাগরি অনুযায়ী ফিল্টার করা যায়
- 📺 Dual Tab — আলাদা ট্যাবে ভিডিও লিস্ট ও চ্যানেল লিস্ট দেখা যায়
- 📱 Responsive — মোবাইল ও ডেস্কটপ উভয়ে সুন্দরভাবে দেখা যায়
- 🖼️ Thumbnail Preview — প্রতিটি ভিডিওর thumbnail দেখা যায়
- ⚡ Fast — Pure HTML/CSS/JS, কোনো framework নেই
- 🗃️ Separated Data —
data.js-এ আলাদা করে সব ডেটা রাখা হয়েছে
| # | ক্যাটাগরি | বিবরণ |
|---|---|---|
| 1 | ☪️ Islamic / Quran / Nasheed | কুরআন, আরবি, নামাজ, নাশীদ শিক্ষা |
| 2 | 🇧🇩 Bangla Learning | বাংলা বর্ণমালা, ছড়া, গল্প |
| 3 | 🇬🇧 English Learning | ইংরেজি ভাষা শিক্ষা |
| 4 | 🔢 Mathematics | সংখ্যা, গণনা, আকার |
| 5 | 🔬 Science & Technology | বিজ্ঞান, প্রকৃতি, প্রযুক্তি |
| 6 | 🏥 Health & Life Skills | স্বাস্থ্য, পরিষ্কার, জীবনদক্ষতা |
| 7 | 🌍 World & General Knowledge | বিশ্ব, ইতিহাস, সাধারণ জ্ঞান |
| 8 | 🎭 Entertainment Cartoon | বিনোদনমূলক কার্টুন |
সব চ্যানেল ৮টি ক্যাটাগরিতে সাজানো। নতুন চ্যানেল যোগ করতে data.js ফাইলের CHANNEL_CATS array আপডেট করুন।
| Channel | Handle |
|---|---|
| Peppa Pig Official | @PeppaPigOfficial |
| Bluey Official | @BlueyOfficialChannel |
| Emma Daily English | @EmmaDailyEnglish |
| Sesame Street | @SesameStreet |
| Channel | Handle |
|---|---|
| Numberblocks Band | @numberblocksband |
| Khan Academy Kids | @KhanAcademyKids |
| Channel | Handle |
|---|---|
| SciShow Kids | @SciShowKids |
| Crash Course Kids | @crashcoursekids |
| Blippi | @Blippi |
| Blippi Toys | @BlippiToys |
| Channel | Handle |
|---|---|
| BabyBus | @babybus |
| Art For Kids Hub | @artforkidshub |
| Channel | Handle |
|---|---|
| Deen Kids TV | @DeenKidsTV00 |
| Omar & Hana Islamic Songs | @OmarHanaIslamicSongsforKids |
| One4Kids — Zaky | @One4kids-Zaky |
| IQRA Cartoon | @IQRACARTOON |
| IQRA Cartoon Bangla | @IQRACARTOONBANGLA |
| The Mini Muslims | @TheMiniMuslims |
| Muslim Kids TV | @muslimkidstvofficial |
| Muslim Reminder Kids | @MuslimreminderKids |
| Adam Wa Mishmish | @AdamWaMishmish |
| Abibi Islamic Show | @AbibiIslamicShowforMuslimKids |
| Smile To Jannah | @smiletojannah |
| iLovUAllah | @iLovUAllah |
| Channel | Handle |
|---|---|
| Sisimpur | Sisimpur |
| Sonic Gang Bangla | @SonicGangBangla |
| ChuChu TV Bangla | @chuchutvbangla |
| Infobells Bengali Rhymes | @Infobellsbengalirhymes |
| Chander Buri | @ChanderBuri |
| Bengali Fairy Tales | @BengaliFairyTales |
| Inreco Children | @InrecoChildren |
| Bangla Rhymes | @BanglaRhymes-up9dd |
| Kindajoy Tune | @KindajoyTune |
| Duronto TV Bangla | @DurontoTVBangla |
| AMP Young Stars | @ampyoungstars |
| Maasranga Kids | @MaasrangaKids |
| Channel | Handle |
|---|---|
| Dora The Explorer | @DoraOfficial |
| Sheriff Labrador | @SheriffLabrador |
| Nick Jr | @nickjr |
| WildBrain Kids | @WildBrainKids |
| Maya The Bee | @MayaTheBee |
| Disney Jr | @disneyjr |
| Vlad and Niki | @VladandNiki |
| Masha and The Bear | @MashaBearEN |
| WB Kids | @wbkids |
| WB Kids Latino | @WBKidsLatino |
| WB Kids Français | WBKidsFrançais |
| Cartoonito NL | @CartoonitoNL |
| Talking Tom | @TalkingTom |
| JoBlo Animated Videos | @JoBloAnimatedVideos |
| ChuChu TV | @ChuChuTV |
- এই repo-টি fork করো বা clone করো
- Vercel-এ গিয়ে GitHub দিয়ে login করো
- "Add New Project" → এই repo সিলেক্ট করো
- কোনো build settings পরিবর্তন করতে হবে না — Deploy চাপো
- Custom domain-এ যোগ করো:
kidslearning.technoration.net
git clone https://github.com/msaifulcsse/kidslearning.git
cd kidslearning
# যেকোনো static server দিয়ে চালাও, যেমন:
npx serve .
# অথবা browser-এ সরাসরি index.html খোলোkidslearning/
├── index.html # মূল UI ও application logic
├── data.js # সব ভিডিও ID ও চ্যানেল ডেটা (এখানেই add/edit করুন)
├── vercel.json # Vercel deployment config
└── README.md # এই ফাইল
💡 নতুন ভিডিও বা চ্যানেল যোগ করতে শুধু
data.jsফাইল edit করতে হবে —index.htmlছুঁতে হবে না।
- মোট ৭১টি unique YouTube ভিডিও
- সব ভিডিও manually বাছাই করা হয়েছে
- ভিডিও title ও channel info noembed.com API থেকে real-time লোড হয়
- শুধুমাত্র শিশুবান্ধব, শিক্ষামূলক content অন্তর্ভুক্ত
- ভিডিও লিস্ট + Category Filter
- Channel লিস্ট + Tab navigation
-
data.jsআলাদা করা (separation of concerns) - বয়স অনুযায়ী ফিল্টার (২–৪, ৫–৭, ৮+ বছর)
- Language filter (Bangla / English / Arabic)
- Watch history / progress tracking (LocalStorage)
- Kids Learning Article section (Bangla + English blog)
- Offline mode (PWA)
- Bangla + English UI toggle
Md. Saiful Islam
- GitHub: @msaifulcsse
- Live: kidslearningbd.vercel.app
MIT License — শিক্ষামূলক উদ্দেশ্যে যেকেউ ব্যবহার করতে পারবেন।
তৈরি হয়েছে শিশুর সুন্দর ভবিষ্যতের জন্য 💚
