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