Skip to content

adimuhamad/simple-yt-search

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Youtube Search Web App 🔎

Ini adalah aplikasi web pencarian YouTube yang super fresh dan interaktif. Dibuat dengan HTML, CSS, dan JavaScript murni, aplikasi ini bukan cuma keren secara tampilan, tapi juga punya fungsionalitas yang membantu kamu menemukan konten YouTube dengan lebih cepat dan gampang.

Fitur-fitur utamanya terinspirasi dari pengalaman pencarian YouTube yang modern, tapi dikemas dalam antarmuka yang minimalis dan kece. 🚀

✨ Fitur-Fitur Andalan

  • Pencarian Cerdas & Saran Otomatis: Saat kamu mulai mengetik, aplikasi ini akan langsung memberikan saran pencarian yang relevan, mirip seperti fitur bawaan YouTube. Ini memanfaatkan JSONP untuk komunikasi data secara real-time.
  • Filter Cepat: Dengan satu klik, kamu bisa menyaring hasil pencarian berdasarkan kategori, seperti Shorts, Video, Channel, Playlist, atau bahkan Live. Fitur ini memanfaatkan parameter khusus dari YouTube (sp=...).
  • Navigasi Keyboard: Gak perlu pakai mouse! Kamu bisa dengan mudah menavigasi dan memilih saran pencarian menggunakan tombol panah atas dan panah bawah di keyboard. Tekan Enter untuk langsung mencari.
  • Tema Otomatis: Aplikasi ini bisa mendeteksi waktu secara otomatis untuk mengaktifkan mode siang atau mode malam. Pagi hari cerah, malam hari lebih gelap, bikin mata nyaman. ☀️🌙
  • Desain Animatif & Interaktif: Tampilan yang menarik dengan partikel animasi di latar belakang, efek getar saat mengetik, dan logo yang berkedip memberikan pengalaman pengguna yang dinamis dan menyenangkan.

🛠️ Teknologi yang Digunakan

  • HTML5: Sebagai fondasi dari struktur halaman.
  • CSS3: Untuk desain visual yang modern, responsif, dan efek-efek animasi keren.
  • JavaScript (ES6+): Logika utama untuk interaksi pengguna, mengambil data saran, dan mengontrol navigasi.
  • JSONP: Teknik untuk menghindari masalah CORS saat mengambil data saran dari API YouTube Suggest.

🚀 Cara Menggunakan

  1. Buka file index.html di browser favoritmu.
  2. Mulai ketik di kolom pencarian.
  3. Pilih saran dari daftar yang muncul, atau gunakan tombol filter untuk menyaring.
  4. Tekan Enter untuk memulai pencarian di YouTube.

📸 Screenshot

image

About

Hanya sebuah alat pencarian konten YouTube yang sangat simpel dan sederhana, tidak ada yang lain.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Contributors