Moviely - IMDB Movies Template

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 Structures

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.

Pages

index

This is the homepage of the template.

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.

celebs

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

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

  • 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 Theaters, 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:
javascript
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.
javascript
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

Release Notes

Update: 28 Jan 2022

  • Minor design changes
  • Fixed the responsive design of the platform
  • Fixed the searching feature
  • Minor UX changes

Demo to preview the template


Powered by Notaku