AWSMovies

AWSMovies - merupakan aplikasi yang menampilkan daftar film menggunakan API https://developers.themoviedb.org. Dibuat untuk memenuhi syarat kelulusan kelas Belajar Fundamental Front-End Web Developer di Dicoding Academy

User Interface :

Feature :

• Menampilkan Daftar Film, Anda dapat melihat daftar film yang terhubung dengan API TMDB.

• Cari Film, Jangan khawatir ketika ada banyak nya film yang tersedia dan anda ingin mencari film yang anda inginkan, anda cukup ketik keyworrd dari judul film tersebut di form cari yang sudah disediakan lalu klik tombol cari.

• Responsibilitas Tampilan, Tampilan web app sudah responsif dari berbagai ukuran layar mulai dari mobile, tablet, laptop ataupun dekstop.

Kriteria Submission :

• Menggunakan standar ES6 sintaks dalam menuliskan kode JavaScript pada proyek yang dibuat.
• Menerapkan custom element.
• Menggunakan Webpack sebagai module bundler (tahap produksi).
• Memanfaatkan Webpack sebagai environment dalam pengembangan proyek (tahap development).
• Memanfaatkan API dengan menggunakan konsep AJAX dalam menampilkan data yang dinamis pada aplikasi yang dibuat.

Built With

• Webpack
• jQuery
• HTML
• Bootstrap
• JS

Development vs Build Production

Webpack config untuk development dibuat agar dapat dengan cepat me-reload saat terjadi perubahan pada suatu file, sehingga tidak semua plugin, loader, dan fitur disertakan di dalam konfigurasi tersebut. Untuk melihat susunan konfigurasi yang digunakan, silahkan lihat tabel di bawah ini :

Loader dan Plugin

Loader/Plugin	Development	Production
HtmlWebpackPlugin	✔	✔
css-loader	✔	✔
style-loader	✔	❌
regenarator-runtime	❌	✔
babel-loader	❌	✔
`bootstrap	❌	✔
HtmlWebpackInjectPreload	❌	✔
jquery	❌	✔

API List

This project uses several endpoints from TheMovieDB API. Here is the endpoint list :

Description	Items
Index Page	Upcoming Movies, Now Playing Movies, Top Rated Movies, Movie Details
Details Page	Movie Details, Movie Credits
Browse Page	Search Movie, Upcoming Movies, Now Playing Movies, Top Rated Movies
Movie Image	TheMovieDB Image

Getting Started

Untuk memulai, Install npm lalu jalankan beberapa perintah di bawah ini untuk memulainya, folder dist akan dibuat setelah itu.

1. Clone this repository

   git clone https://github.com/Ardywsptr/AWSMovies_Submission-Fundamental-Front-End-Web-Developer/.git

   cd AWSMovies_Submission-Fundamental-Front-End-Web-Developer

2. Install NPM

   npm install

   Pastikan koneksi internet anda stabil sehingga tidak ada resiko gagal install.

3. Build untuk distribusi production

   npm run build

4. Starting development server

   npm run start-dev

   Untuk memastikan development berjalan dengan baik pastikan cache pada browser anda sudah dibersihkan.

📃 Keterangan

Repositori ini adalah submission dari Dicoding untuk kelas Belajar Fundamental Front-End Web Development. Kelas ini memiliki submission yang harus diselesaikan untuk mendapatkan sertifikat. Isi dari repositori ini merupakan bagian final yang mencakup kriteria yang dibutuhkan.

PERINGATAN: Jadikan repo ini sebagai rujukan/referensi.

• Sesuai dengan terms of use di Dicoding, submission kelas Dicoding Academy haruslah hasil karya Anda sendiri.

• Kode yang didapatkan dari sumber lain (website, buku, forum, GitHub, dan lain-lain) hanya digunakan sebagai referensi. Tingkat kesamaannya tidak boleh lebih dari 70%.

Jika ada pertanyaan atau issue, kunjungi new issue

Jika dokumentasi ini bermanfaat mari berteman dengan menekan tombol follow pada profile ini ☺☺☺

Big Thanks for Dicoding