Overview

This project is made to fulfill the last submission of Dicoding’s Front-End Web Development Fundamental course. Inspired by MyAnimeList.net, user can add their watched movies into their own watched list. The watched list is saved in the browser’s local storage. The movies data is taken from TheMovieDB public API.

Usage

The main files stored in the src folder, there will be a css folder to save the configuration file for Tailwindcss, template folder contains a site template on .html format, and js folder used to store the site pages, components, and data. To compile the files into development mode, you can type the command :

> npm run dev

There will be a public folder that contains HTML pages and a js folder that contains javascript files for each page. The output size of that command should be 22,4MB. If you want to optimize the output files for production, you can type the command :

> npm run prod

To remove the public folder's you can type the command :

> npm run clean

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

Stack

This project uses some libraries to accelerate the development project. Here is the stack list :

• HTML
• Javascript
• Axios
• Tailwindcss
• SweetAlert
• Webpack