Skip to content

Repository files navigation

CallMeMovie - Movie Tracking & Discovery App

CallMeMovie Logo

A comprehensive movie tracking web application built with Laravel 12, Tailwind CSS, and the TMDb API.

Laravel PHP MySQL Tailwind CSS Alpine.js License: MIT


📖 Daftar Isi


🚀 Tentang Proyek

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.

Screenshot Halaman Utama CallMeMovie (Ganti gambar placeholder di atas dengan screenshot aplikasi Anda)


✨ Fitur Utama

  • 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.

🛠️ Teknologi yang Digunakan

  • Backend: Laravel, PHP
  • Frontend: Blade, Tailwind CSS, Alpine.js
  • Database: MySQL
  • API Eksternal: The Movie Database (TMDb) API
  • Development Environment: Laragon

⚙️ Panduan Instalasi

Untuk menjalankan proyek ini secara lokal, ikuti langkah-langkah berikut:

Prasyarat

Pastikan Anda memiliki PHP, Composer, dan Node.js terpasang di sistem Anda.

Instalasi

  1. Clone repository ini.

    git clone [https://github.com/CallMeFG/myproject-website.git](https://github.com/CallMeFG/myproject-website.git)
    cd myproject-website
  2. Install dependensi Composer.

    composer install
  3. Install dependensi NPM.

    npm install
  4. Siapkan file environment. Salin file .env.example menjadi .env.

    copy .env.example .env
  5. Generate kunci aplikasi.

    php artisan key:generate
  6. Konfigurasi .env Buka file .env dan 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
  7. Konfigurasi services.php Buka config/services.php dan pastikan Anda memiliki konfigurasi untuk tmdb.

    'tmdb' => [
        'key' => env('TMDB_API_KEY'),
        'url' => '[https://api.themoviedb.org/3](https://api.themoviedb.org/3)',
    ],
  8. Jalankan migrasi database.

    php artisan migrate
  9. Build aset frontend.

    npm run dev
  10. Jalankan server development.

    php artisan serve

    Aplikasi sekarang akan berjalan di http://127.0.0.1:8000.


🙏 Acknowledgements


📬 Kontak

Fathur Rizky Assani

About

Proyek portofolio oleh Fathur Rizky Assani. Sebuah aplikasi web pelacak film yang dibangun secara mandiri menggunakan Laravel, Tailwind CSS, dan TMDB API.

Resources

Stars

1 star

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages