features

1. Login/Sign-up

• form.
• Redirect to Browse Page.

1. Browser(After Authentication)

• Header.
• Main Movie
  1. Trailer of movie.
  2. Title and Description
  3. Movie Suggestion's
     1. Movie List

Task

1. Create React App.
2. Configure Tailwind css.
3. Header.
4. Login-form.
5. Sign-up form.
6. Form Validation.
7. useRef Hook.
8. FireBase setup.
9. Deploy app to production.
10. Create Sign Up user Account.
11. Implement Sign In user Api.
12. Created Redux Store with userSlice.
13. Implement Sign Out.
14. Update Profile.
15. BugFix: Sign Up user display name and profile picture update.
16. bugfix: If user is not logged in redirect to /browser to login page and vice-versa.
17. Unsuscribed to the onSuthStateChange Callback.
18. Add Hardcoded values to constant files
19. Resister TMDB API and create an app and get token.
20. Get data from TMDB now playing movie list API.
21. Custom hook for now playing movie.
22. Create movieSlice.
23. Update Store with movie data.
24. Planning for MainContainer and Secondary container.
25. Fetch data for trailer video.
26. Update store with trailer.
27. Embedded Yputube video and make it autoplay and mute.
28. Tailwind classes to make Main Container it look good.
29. usePopularMovies and useUpcoming custom hook.
30. Movie Detail page.
31. GPT search feature.

Refer

https://github.com/akshaymarch7/netflix-gpt/blob/main/src/utils/constants.js

Test User

1. [email protected] Mario@123456

2. [email protected] Test@123456