A comprehensive movie tracking web application built with Laravel 12, Tailwind CSS, and the TMDb API.
CallMeMovie adalah aplikasi web yang dirancang untuk para pencinta film. Pengguna dapat menemukan, melacak, dan memberikan rating pada film-film favorit mereka. Proyek ini dibangun sebagai portofolio untuk menunjukkan kemampuan pengembangan web full-stack, dari backend yang kuat hingga antarmuka pengguna yang responsif, dengan integrasi data real-time dari The Movie Database (TMDb) API.

- Autentikasi Pengguna: Sistem registrasi dan login yang aman menggunakan Laravel Breeze.
- Halaman Utama Dinamis: Menampilkan kategori film seperti "Sedang Tayang", "Populer", dan "Rating Tertinggi".
- Hero Section Menarik: Header halaman utama yang dinamis dengan latar belakang gambar film yang berubah-ubah.
- Pencarian Film: Fungsionalitas pencarian real-time untuk menemukan film berdasarkan judul.
- Halaman Detail Film: Halaman detail yang kaya informasi, menampilkan poster, sinopsis, genre, durasi, dan rating publik dengan visualisasi bintang.
- Watchlist Pribadi: Pengguna dapat menambahkan dan menghapus film dari watchlist pribadi mereka.
- Sistem Rating Pribadi: Pengguna dapat memberikan rating (1-5 bintang) pada film yang ada di watchlist mereka.
- Dashboard Pengguna: Halaman dashboard dengan sistem Tab modern (menggunakan Alpine.js) untuk mengelola profil.
- Desain Responsif: Tampilan yang dapat beradaptasi dengan baik di berbagai ukuran layar.
- Optimalisasi Performa: Implementasi caching pada panggilan API untuk mengurangi waktu muat halaman secara drastis.
- Backend: Laravel, PHP
- Frontend: Blade, Tailwind CSS, Alpine.js
- Database: MySQL
- API Eksternal: The Movie Database (TMDb) API
- Development Environment: Laragon
Untuk menjalankan proyek ini secara lokal, ikuti langkah-langkah berikut:
Pastikan Anda memiliki PHP, Composer, dan Node.js terpasang di sistem Anda.
-
Clone repository ini.
git clone [https://github.com/CallMeFG/myproject-website.git](https://github.com/CallMeFG/myproject-website.git) cd myproject-website -
Install dependensi Composer.
composer install
-
Install dependensi NPM.
npm install
-
Siapkan file environment. Salin file
.env.examplemenjadi.env.copy .env.example .env
-
Generate kunci aplikasi.
php artisan key:generate
-
Konfigurasi
.envBuka file.envdan atur koneksi database Anda (DB_DATABASE, DB_USERNAME, dll). Lalu, tambahkan kunci API dari TMDB Anda.APP_NAME=CallMeMovie TMDB_API_KEY=MASUKKAN_KUNCI_API_TMDB_ANDA_DI_SINI
-
Konfigurasi
services.phpBukaconfig/services.phpdan pastikan Anda memiliki konfigurasi untuktmdb.'tmdb' => [ 'key' => env('TMDB_API_KEY'), 'url' => '[https://api.themoviedb.org/3](https://api.themoviedb.org/3)', ],
-
Jalankan migrasi database.
php artisan migrate
-
Build aset frontend.
npm run dev
-
Jalankan server development.
php artisan serve
Aplikasi sekarang akan berjalan di
http://127.0.0.1:8000.
- Data film dan gambar disediakan oleh The Movie Database (TMDb).
- Proyek ini dibangun di atas framework Laravel.
Fathur Rizky Assani
- GitHub: @CallMeFG
- LinkedIn: Fathur Rizky Assani