Skip to content

Netflix home page with react using TMDb and movie trailer API. Its a full-fledged react application that includes react features like hooks, asynchronous functional, reusable components, HTML & CSS the developed application is a look-alike of Netflix

abhishekrawe/Netflix-Clone

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

17 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Netflix Clone :

  • A complete responsive Netflix clone , where you click on the poster of movies this will show the trailer of that movies from youtube using Imbd movie API . _Netflix clone _ if I goona click a poster and play trailer you can go ahed and play a trailer .

DEMO

Demo-Gif

  • Here you can see i can scroll thruogh like netflix and move the mouse cursor for scrolling.
  • Play trailer , there a lots of trailer you can see on clicking on the poster over here.

Working:

  • Actully i get all the Data from the Third Party API, So when you will refresh you see the top Poster and the information will automatic change .

Steps:

  • Get TMDB API key
  • Create react app
  • Get all the MOVIES
  • Build the rows
  • Build the Banner
  • Build the Nav bar
  • Add trailer popups
  • Setup Backend hosting on Heroku.
  • Setup Frontend Hosting on Netlify.

Demo-Gif

Running on local Machine:

Make sure you have the lastest version of NodeJS engine installed on your local Machine.

  • Clone the repository to your local by pasting the below command in the terminal.
    git clone https://github.com/abhishekrawe/Netflix-Clone
  • Now, Open the folder in Visual Studio Code (or Text Editor). Then open the terminal and split that terminal into two parts as shown below: Terminal-Splitting
  • On 1st Terminal, Change the directory to ui/whiteboard-collab
    cd .\netflix-clone\ > cd src
  • Then install the required dependencies to run the ReactJS web-application using following commands.
    npm install
  • Now, it's time to start the React web-app using the following commands.
    npm start
  • Now, your local server is started and running on port 3000.

Demo-Gif

About

Netflix home page with react using TMDb and movie trailer API. Its a full-fledged react application that includes react features like hooks, asynchronous functional, reusable components, HTML & CSS the developed application is a look-alike of Netflix

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published