- create-react-app
- tailwind css (used 3.3.3, as latest in not working)
- Header
- routing
- login
- signup
- form validation
- useRef hook
- rejex
- firebase setup
- deploying app to prod
- create signup in firebase
- created redux store and user slice
- bug fixes, unsubscribe to authchangecallback fn
- tmdb (movie database), create account, setup the app, get access key and token
- fetch the nowplayingmovies via tmdb api
- store that data in redux
- main component
- videotitle & description
- video trailer secondary component
- trending/ ... *n
- movie cards *n
- custom hook
- update store with movies and trailer
- embeded youtube video and make it autoplay & mute
- created secondary component
- built movie list & movie card
- TMDB img CDN url
- multiple custom hooks
-
Login/Sign Up redirect to browse page
-
Browse(After auth)
- Header
- Main movie
- trailer in bg -title and description -Movie suggestions
- Movie lists *n
-
Netflix-GPT
-
search bar
-
movie suggestion
- formik(for forms )
- useRef hooks => lets you reference the value
- why clicking on submit button refreshes the page => because we have not written onsubmit button, and form tries to submit the form, so prevent it to happen
- GOOGLE FIREBASE
- as soon as a new user is registered , i am udating the profile with the name and img
- moved the onauthstatechanged, because we were getting error that we cant use the navigation outside the routes, to the location which will be present everytime , header
- because of reacts strictmode , most of the things(api call) happens twice in local dev mode, because react cheks 2wice for inconsistency