Binge Flix :
(A React based application for cinema lovers!)
Modules/ Major Functions:
The Login Screen: The authentication of the user is done using Firebase Authentication. The email id and the password of the user is captured and stored on Firestore.
TMDB API: The movies/shows/tv series are not hardcoded but are programmatically fetched from an API called TMDB(The Movie Database) using an API key. TMDB offers extensive metadata for movies, tv shows and people.
Search Functionality: Binge Flix also offers a search functionality for the authorized users to search and sort their favorite movies and tv shows by providing keywords.
Description: A user can also get a brief overview about the movie along with the cast and the genre of the movie.
Trailer: We also implemented a trailer functionality by which the user can also watch trailers for the requested movies/shows.
Binge Flix is fully responsive, whether you watch it on tablet, mobile or on a large size laptop or a desktop computer.
Tools/ technologies used :
The beautiful UI of Binge Flix is built using React (JavaScript Library).
TMDB API is used for fetching movies and videos.
Webpack
Axios
Redux & React
Sass (grid & flexbox)
Media queries
Swiper JS
react-router-dom
Firebase ( Firebase Authentication + Firestore + Hosting )
Video Walkthrough:
Binge.Flix.1.mp4
Binge.Flix.2.mp4
Binge.Flix.3.mp4
Binge.Flix.4.mp4
Binge.Flix.5.mp4
Binge.Flix.6.mp4
Binge.Flix.7.mp4
Binge.Flix.8.mp4
Binge.Flix.9.mp4
You can check out the deployed app here 👉🏻 https://binge-flix.web.app
Author : ✍🏻 "Damini Pandey"