- Create react app
- Configured taiwand css
- Header
- Routing of App
- Login form
- Sign Up form
- Form validation
- useRef Hook
- Firebase Setup
- Deploying our app to production
- Create a Signup user account
- Implement SignIn User Api
- Created Redux Store with UserSlice
- Implemented Sign Out
- Update Profile
- Fetch Moives from TMDB
- bug fix: sign up user displayname and profile picture update
- bug fix: if the user is not loggedin redirect/browse to login page and vice-versa
- unsubscribed to the onAuthStateChanged callback
- Add hardcoded values to constants file.
- Registered TMDB API & Create an app & get Access Token
- Get data from TMDB Now playing movies list api
- Custom Hook for Now playing movies
- Create MovieSlice
- Update Store with movie data
- Playing for MainContainer and SecondaryContainer
- Fetch Data for Trailer Video
- Update Store with trailer video data
- Embeded the youtube video make it auto play and mute
- Tailwind classes to make MainContainer look awesome
- Build Secondary Container
- Build Movie list
- Build movie card
- TMDB image CDN URL
- Made the browser page amazing with Tailwind CSS
- UsePopularMovies Custom Hook
- Login/Signup
- Sign In/Sign Up form
- redirect to Browse Page
- Browse (after authentication)
- Header
- Main movie
- Trailer in background
- Title and description
- Movie suggestions
- MovieLists
- Netflix gpt
- Search bar
- Movie suggestions