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