One Page Movie Website

Movie page builder. Single Page App built using Vanilla JavaScript. HTML markup is created dynamically. Similarly data is added. Information about movie is retrieved from TMDB API.

Tech stack

Technologies:

• HTML
• CSS
• JS

Used

• fetch data from TMDB API
• async await
• flexbox
• responsive design
• modal dialogs with custom content
• menu-burger for small screens
• disable scroll on menu and modal open
• swiper.js for slider
• animate.css
• autoprefixer
• JavaScript modules

Demo

https://displaygreat.github.io/one-page-movie-website/

Usage

Build one page movie website for your favorite TV Series!

Uncomment one of the lines(7-11) in server.js to build page for different movie.

Or asign your favorite movie id to const movie in server.js, line 12.

Find TV Series Id via link:

https://api.themoviedb.org/3/search/multi?api_key={your-api-key}&query={tv-series-name}

Official TMDB API Documentation:

https://developers.themoviedb.org/3/getting-started/introduction