/netflix_clone_react

Netflix clone web app ( for learning purposes )

Primary LanguageJavaScript

Introduction

  • Introducing my Netflix clone web app, a project that I have developed for learning purposes. This web app is mainly built with ReactJS and other tools. It is designed to provide users with a user-friendly and engaging experience while also improving my front-end development skills. It is designed to be user-friendly and engaging, with features that allow users to quickly and easily find their favorite movies or TV shows, add their favorite film to a list, customize their profile, and more. It is also fast and efficient, with API calls on scroll and debounce search to improve browsing speed.
  • Because I don't have time, this website is not responsive yet

Features

  • Login, register(with facebook google email and password), logout
  • Find movies and TV shows by text, filter out movies and TV shows by genres and people
  • Edit user profile ( change user name, avatar )
  • User can add their favorite movies and TV shows to their own films list
  • All users'information will be stored in firestore
  • And a lot of visual effects, hope to bring you the best experience

Tools and Technology I used:

  • Mainly used: Reactjs, Scss module, Redux/Redux toolkit, Firebase for backend and deployment.
  • Data is taken from tmdb and 2embed
  • Support libraries: react hook form, swipperjs, react-bootstrap

Interface

Welcome page
WelcomePage.webm
Login and register page
Login_SignUp.1.mp4
Movie, TV Show, Trending, My List Pages
BasicPage.mp4
Search Page
SearchPage.mp4
Edit profile page
EditProfilePage.mp4
Watch Page
WatchPage.mp4