This is a movie listing website which uses TMDB API to display movies. There are various features such as searching for any movie and sorting the search results based on different criterias. You can also access your own profile page after signing-in in with google which is integrated using Firebase Google Authentication.
https://ds-movie-app.netlify.app/
- Search for movies
- Sort the results on different parameters
- Easy Sign-In using Google
- Personal Profile Page
Client: React, HTML, CSS, JS
Server: Node, Firebase,TMDB API, Netlify
Install moviebazaar with npm.
Copy this repository link from github and open the folder where you want to install this project.
Double click on the folder's path and type in cmd to open terminal.
Then write these commands in terminal:
git clone repo-url
Replace the "repo-url" with this repository's url that you copied.\
code .
The code . is used to open this folder in vs code.
Then, execute these commands in vs code terminal:
cd .\moviebazaar\
npm install
Once the modules are installed, create a ".env" file in the moviebazaar folder and set up your environment variables for Firebase and TMDB api.
To run this project, you will need to add the following environment variables to your .env file
REACT_APP_FIREBASE_API
REACT_APP_TMDB_API
Enter you API keys as :
REACT_APP_FIREBASE_API="enterhere"
REACT_APP_TMDB_API="enterhere"
replace "enterhere" with your api key.
After setting up your API keys execute this command in vs code terminal.
npm start
If you have any feedback, please reach out to me at [email protected]