Front End Personal Project Netflix Clone

Queried TMDB API for all movie details

netflix-logo

Netflix Clone

netflix-clone
View Code Try Here View demo video

Technology used:

React JS & hooks, Firebase for deployment, TMDB API (The Movie Database), CSS (Flexbox), Axios, movie-trailer npm and react-youtube

About the app

This is the frontend web application of Netflix. It is built entirely on React and utilising React modern features like hooks/ternary operator/ES6. The app queries The Movie Database API via Axios to get different genres of movies such as Netflix Original, Trending Now, Top Rated, Action Movies, Comedy, Horror Movies, Romance and Documentaries

By utilising movie-trailer and react-youtube npm, the movie name gets passed as a string to query for the video code in movie-trailer. React-youtube then plays the movie trailers that it can find on Youtube, which is managed by an onclick event listener on the image itself. When the image is clicked again, the trailer will close.

This app has been deployed on Firebase.