Saya Membuat Proyek ini hanya untuk mengaplikasikan pemahaman saya di express.js, tailwind, API dan belajar kembangkan repo open source.
Movie Search App adalah aplikasi berbasis web yang memungkinkan pengguna mencari informasi tentang film menggunakan The Movie Database (TMDb) API. Aplikasi ini dibangun dengan Express.js, EJS, dan Tailwind CSS.
- 🔍 Mencari film berdasarkan judul
- 📌 Menampilkan daftar film populer
- 📌 Menampilkan detail film
- ⭐ Menambahkan film ke daftar favorit (disimpan dalam MongoDB) (belum buat)
- 🔍 Menampilkan riwayat pencarian ke halaman riwayat pencarian (belum buat)
- 🔄 Pagination untuk pencarian film
- 🎨 UI responsif menggunakan Tailwind CSS
git clone https://github.com/anjastabuni/Movie-App.git
cd Movie-App
npm install express ejs dotenv
Buat file .env
di root project dan tambahkan:
TMDB_API_KEY=your_tmdb_api_key
Catatan:
- Dapatkan API Key dari TMDb
nodemon server.js
Aplikasi akan berjalan di http://localhost:3000
movie-search-app/
│── views/ # Template EJS
│ ├── index.ejs # Halaman utama
│ ├── search.ejs # Halaman hasil pencarian
│ ├── favorit.ejs # Halaman film favorit
│ ├── show.ejs # Halaman detail film
│── server.js # Entry point aplikasi
│── .env # Konfigurasi API Key
│── package.json # Dependencies
Method | Endpoint | Description |
---|---|---|
GET | / |
Menampilkan film populer |
GET | /search |
Mencari film berdasarkan judul |
GET | /favorit |
Menampilkan daftar film favorit |
GET | /detail/:id |
Menampilkan detail film berdasarkan id |
saya terbuka untuk kontribusi guna belajar bersama dalam menyempurnakan code, fitur, dan mempercantik halaman 🚀
- Fork repository ini.
- Buat branch baru (
git checkout -b feature-anda
). - Commit perubahan Anda (
git commit -m 'Menambahkan fitur baru'
). - Push ke branch Anda (
git push origin feature-anda
). - Buat Pull Request.
Jika menemukan bug atau memiliki saran, silakan buat Issue di repository ini. 🙌
Proyek ini dirilis di bawah lisensi MIT. Silakan gunakan dan modifikasi sesuai kebutuhan!
🎉 Selamat Coding! 🎬