Search Engine for Movies and Television Shows
Explore the docs »
Live Demo
·
Report Bug
·
Request Feature
Table of Contents
A movie-search engine that lets users browse a wide variety of films and television shows and helps get information regarding them. It makes use of TMDB API for all films' related metadata.
Fully Responsive
- IDE or code editor of your choice
- Node (v16.13.0 or higher)
- Yarn (recommended) or NPM
Here is a run through of how to set up the application:
- Step 1 : Clone this repository using
git clone https://github.com/nilotpaldhar/silverscreen.git
or downloading a ZIP file of the code. - Step 2 : The repository, if downloaded as a .zip file will need to be extracted to your preferred location and opened.
- Step 3 : Go to the project root directory and install the dependencies using:
yarn install
ornpm install
- Step 4 : Add Envirnoment Variables to your project:
- Create a new copy of
.env.sample
file in your root directory and rename it to.env.local
- Go to the the movie database (TMDB) API WEBSITE, sign up for a free account and generate an API key.
- On
.env.local
file add your API key likeTMDB_ACCESS_TOKEN='<your-api-key>'
- Create a new copy of
- Step 5 : On your terminal run
yarn dev
ornpm run dev
command to open a local development server onlocalhost:3000
The easiest way to deploy the application is to use the Vercel Platform from the creators of Next.js. Check out the Next.js deployment documentation for more details.
As the application uses next/image
for image optimization, additional configurations have to be made to deploy on other popular static hosting websites like Netlify. Alternatively, replace the next/image
component with a standard <img>
tag. See next/image
documentation for more details.
The API routes used in the autocomplete search component cannot be used in a static site export. You will need to use a form API endpoint provider and substitute the route in the search component accordingly. Other hosting platforms such as Netlify also offer alternative solutions - please refer to their docs for more information.
Like 💖 this project? Support this effort by giving a star on GitHub, sharing it in your own blog, and giving a shoutout on Twitter
You are welcome to use this application however you wish under the MIT license.