Plugins
Templates
Template Setup Guides

Moviely - IMDB Movies Template

Template page link: https://zeroqode.com/template/moviely---imdb-movies-template-1579625486841x395317627098880960

Introduction

Moviely - IMDB Movies Template is a fully responsive no-code template that allows users to have access to everything about their favorite movies, such as release dates, communities etc. This template uses tmdb API (https://developers.themoviedb.org/3) for sourcing all or most of its data on movies.

Features

  • User Authentication

  • User friendly design

  • Admin Dashboard for Management

  • Clean and eye-catching design

  • Fully mobile responsive pages

  • TMDb API Integration

Data Structure

User

This section contains data such as is_admin, to know whether the current user is the admin yes/no, name, photo image, recently_watched list of movies by users, watchlist list of movies created by users.

Shows_review

This section contains data such as author, and review_text.

Movies_reviews

This section contains data such as author, movie_id, and review_text.

Movie_watchlist

This section contains data such as id, image, title, url.

Movie_recently

This section contains data such as id, image, timestamp, title, url.

Data type

Field

Type

List

Notes

User

is_admin

yes/no

To know whether the current user is an admin or not

name

text

photo

image

recently_watched

list of movie_recentlys

yes

watchlist

list of movie_watchlist

yes

Data type

Field

Type

List

Notes

Shows_review

author

user

review_text

text

Data type

Field

Type

List

Notes

Movies_reviews

author

user

movie_id

text

review_text

text

Data type

Field

Type

List

Notes

movie_watchlist

id

text

image

image

title

text

url

text

Data type

Field

Type

List

Notes

movie_recently

id

text

image

image

timestamp

date

title

text

url

text

Pages Description

Page Title

States

Element

Notes

Index

This is the homepage of the template. It displays the

current

Group Movie TabMenu

to show the content of the current tab

about

shows the basic info about the user of the template

actors

This page displays lists of actors and details about them and their career and movies they featured in

admin

This page is for the admin to manage all aspect of the template

view

Header Menu

to view the content of the current tab

sort_by

Group User Sort

for sorting dates users joined the site

sort_descend

Group User Sort

celebs

This page displays lists of celebrities and details about them and their career

page

Button Next

for pushing the overflow data to the next page

coming-soon

This page shows movies that will soon be released

community

This page is for different user to communicate with themselves about movies and things related

in-theatres

This page shows movies that are currently at the cinemas

latest

This page shows the latest movies released

login

for users to login into the site

movies

This pages shows detail info of the selected movie.

popular

This page show the current trending movies

profile

This page is the the users profile, for creating and editing

reset-password

This page for users who has forgotten their password to reset their password

search

This page is for users to search for things on the site

signup

for new users to signup to the site

top-rated-movies

This page shows top rated movies of all time

tv

This pages shows detail info of the selected tv show.

tv-shows

This page shows a list of TV shows

watchlist

This page is for users watchlist

reset-pw

This page is for resetting password

404

This page comes up when a searched item could not be found

Reusable Elements

Reusable Elements

States

Type

Notes

Header

This is the top element available on all or most pages of the application. It contains links to admin, Movies&TV, Celebs, Community, Watchlist pages and the search bar.

Footer

This is the down element available on all or most pages of the application. It contains links home, In Theatres, Community etc. It also contains links to the social media pages linked to the application (Twitter, Instagram, Facebook), and links to Google Play store, Apple App store and Amazon store.

Things to note

Database things: Most of the template content were directly pulled from the template database. Please do not delete an entire data thing unless you are sure of what you are doing. However, feel free to delete template content used in building this template, preferably from the admin dashboard.

API Webhooks

This template uses tmdb API for sourcing all or most of its data on movies, actors etc.

Prerequisites

You must have an account with themoviedb to interact with the tmdb API. Create you development account here: https://www.themoviedb.org/documentation/api?language=en-US

To configure them:

Starting with version 4, we're now using a Bearer token for all user authentication. If you head into your account page, under the API section, you will see a new key listed called API Read Access Token. This key is expected to be sent along as a Authorization header. A simple cURL example looks like the following:

curl --request GET \
--url 'https://api.themoviedb.org/4/list/1' \
--header 'Authorization: Bearer <<access_token>>' \
--header 'Content-Type: application/json;charset=utf-8'

Application calls like a plain GET request to retrieve a public list for example, can still use the api_key query parameter if you wish.

curl --request GET \
--url 'https://api.themoviedb.org/4/list/1?api_key=<<api_key>>' \
--header 'Content-Type: application/json;charset=utf-8'

For these app level GET requests, it's your decision which authentication system you want to use. We do however, encourage you to use the new Authorization header for all requests since it's a system you have to use for all application and user requests besides GET regardless. Should you wish to do any user specific actions like rate a movie or edit a list in the future, choosing the Bearer token will be the system you will already be using.

Note: The tmdb API for sourcing may have data on movies, actors etc that is partially complete so some pages may look partially full. For details on API and availability check: https://www.themoviedb.org/documentation/api?language=en-US

Demo to preview the template