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:javascriptcurl --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.
javascriptcurl --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
Live Demo: https://imdbtemplate.bubbleapps.io