MovieFlix adalah aplikasi web untuk streaming film yang menampilkan film-film populer dan terbaru. Aplikasi ini menggunakan API dari TMDB (The Movie Database) untuk mendapatkan data film.
- 🎬 Tampilan film populer dan terbaru
- 🔍 Pencarian film (tekan Enter untuk mencari)
- 🎯 Filter berdasarkan negara
- 📊 Pengurutan berdasarkan popularitas, rating, tanggal rilis, dan pendapatan
- 🖼️ Banner slideshow film populer
- 📱 Responsif untuk desktop, tablet, dan mobile
- 🎨 Desain modern dengan animasi dan transisi yang halus
- 🔄 Loading state dan error handling
- HTML5
- CSS3 (dengan variabel CSS dan Flexbox/Grid)
- JavaScript (ES6+)
- TMDB API
- Font Awesome untuk ikon
- Google Fonts (Poppins)
- Clone repository ini
- Buka file
index.htmldi browser - Atau jalankan di server lokal (misalnya XAMPP)
movieflix/
├── index.html # Halaman utama
├── player.html # Halaman pemutaran film
├── src/
│ └── getMovie.js # Script untuk mengambil data film
├── README.md # Dokumentasi
└── .gitignore
- Ketik kata kunci di kolom pencarian
- Tekan Enter untuk memulai pencarian
- Hasil pencarian akan ditampilkan secara real-time
- Filter berdasarkan negara
- Pengurutan berdasarkan:
- Popularitas
- Rating Tertinggi
- Terbaru
- Pendapatan Tertinggi
- Menampilkan 5 film populer
- Auto-scroll setiap 5 detik
- Navigasi manual dengan tombol kiri/kanan
- Indikator slide
- Tombol untuk menonton dan melihat detail film
- Desktop: Tampilan penuh dengan grid 4 kolom
- Tablet: Grid 3 kolom
- Mobile: Grid 2 kolom
- Banner dan konten menyesuaikan ukuran layar
Silakan buat pull request untuk kontribusi. Untuk perubahan besar, harap buka issue terlebih dahulu untuk mendiskusikan perubahan yang diinginkan.
Jika ada pertanyaan atau saran, silakan buka issue di repository ini.