Recording.2024-06-07.210414.mp4
...
- Create React App✅
- Configured TailwindCSS✅
- Header✅
- Routing of App✅
- Login Form✅
- Sign Up Form✅
- Form Validation✅
- useRef Hook✅
- Firebase Setup✅
- Deploying our app to production✅
- Create SignUp User Account (Authentication)✅
- Implement Sign In User Api✅
- Created our Redux Store with userSlice✅
- Implemented Sign Out Feature✅
- Update Profile API Call✅
- Fetch Movies from TMDB Movies Database API✅
- BugFix: Sign Up user displayName and profile picture update✅
- BugFix: If the user is not logged in Redirect /browse to Login Page and vice versa✅
- Unsubscribed to the onAuthStateChanged callback✅
- Add hardcoded values to the constants.js file. -- V.Imp✅
- Register for TMDB API & Create an app & get access token✅
- Get data from TMDB now playing movies list API✅
- Custom Hook for Noe Playing Movies✅
- Create movieSlice✅
- Update Store with Movies Data✅
- Planning for Main Conatiner and Secondary Container✅
- Fetch Data for Trailer Video✅
- Update Store with Trailer Video Data✅
- Embedded the Youtube Video and make it autoplay and mute✅
- Tailwind Classes to make the main container looks good✅
- Build Secondary Component✅
- Build Movie List✅
- Build Movie Card✅
- Added TMDB Image CDN URL✅
- Made the browse page look good using Tailwind CSS✅
- usePopularMovies Custom Hooks✅
- useTopRatedMovies Custom Hooks✅
- useUpcomingMovies Custom Hooks✅
- GPT Search Page Feature✅
- GPT Search Bar✅
- (FEATURE) Multi-language Feature in our App✅
- Integrate GPT APIs(get openAI API key)✅
- Gpt Search API Call✅
- Feteched gptMoviesSuggestions from TMDB✅
- Created gptSlice added data✅
- Reused movie List component to make movie suggestion container✅
- Memorization✅
- Adding .env file✅
- Adding .env file to gitignore✅
- Made our Site Responsive✅
...
- LogIn/SignUp
- Sign In / Sign Up Form
- Redirect to Browse Page
- Browse Page (after authentication)
- Header
- Main Movie
- Trailer in Background
- Title & Description
- Movie Suggestions - MovieLists * N
- NetflixGPT
- Search Bar
- Movie Suggestions
...
![](https://private-user-images.githubusercontent.com/96439012/337704515-7e6b7c71-bf3a-497b-ba8d-f9c5f35a1a3b.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQwMzM3NzAsIm5iZiI6MTcyNDAzMzQ3MCwicGF0aCI6Ii85NjQzOTAxMi8zMzc3MDQ1MTUtN2U2YjdjNzEtYmYzYS00OTdiLWJhOGQtZjljNWYzNWExYTNiLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MTklMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODE5VDAyMTExMFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWJmMzg1YWIyZjM5MjQzMDljNDMzNmI3YTU1OTViOWNjZjkyY2IwN2FlMzRlMjZmZWVkNjQ1OWYwZWNmNWIwYTMmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.cU2CxAQo9hwmIY8fkrhQ7B-flcZtIeXlPXYDdpe1ie0)
![](https://private-user-images.githubusercontent.com/96439012/337706338-9f07da73-78c4-4c76-a930-744862c0de61.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQwMzM3NzAsIm5iZiI6MTcyNDAzMzQ3MCwicGF0aCI6Ii85NjQzOTAxMi8zMzc3MDYzMzgtOWYwN2RhNzMtNzhjNC00Yzc2LWE5MzAtNzQ0ODYyYzBkZTYxLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MTklMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODE5VDAyMTExMFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTk2ZTYyYTliYjQwZDM2ZDljNjU4ZGY0ZjZiM2RhN2IzNDBhNzRjYWViNGRiZmNjZmI4YmYyNTVkYmYyODk5NzgmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.xR-DZZsHTV9zbwXjZq_CJuNOw3c5ln_43mxh1mEsA44)
![](https://private-user-images.githubusercontent.com/96439012/337706651-34f22eef-901b-46e3-aa50-59292194d8f8.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQwMzM3NzAsIm5iZiI6MTcyNDAzMzQ3MCwicGF0aCI6Ii85NjQzOTAxMi8zMzc3MDY2NTEtMzRmMjJlZWYtOTAxYi00NmUzLWFhNTAtNTkyOTIxOTRkOGY4LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MTklMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODE5VDAyMTExMFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTg3YmIyMWJlYzRmOWMyMGYwNGUwMjExMjJiZmU0YmI2NGEyOTZkMjAzOWQ0MmFlOTZmYjVmYzRlOWJmMzA2YmImWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.ptIIjCqm8akDm7jJ1AkwWexoN4n38wp1gC2PkKqfV7Q)
![](https://private-user-images.githubusercontent.com/96439012/337707000-1ec0a365-09a5-4b60-9c75-e99130b617fd.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQwMzM3NzAsIm5iZiI6MTcyNDAzMzQ3MCwicGF0aCI6Ii85NjQzOTAxMi8zMzc3MDcwMDAtMWVjMGEzNjUtMDlhNS00YjYwLTljNzUtZTk5MTMwYjYxN2ZkLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MTklMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODE5VDAyMTExMFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTA4YWYxOTg5Njg3MzdlZDRmNzVjZmViZWUyNWJkZjBhZjgwNjkzOTE1OGM5NDNjYjVkMGViYTU3NGFiMWY5MzYmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.h0wiqLC33GHREt1zbHLD3KjBSUtcE0Ab6tEhg9s_wKs)
![](https://private-user-images.githubusercontent.com/96439012/337707030-48ea5b39-6960-40a6-b68c-af888a88fa45.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQwMzM3NzAsIm5iZiI6MTcyNDAzMzQ3MCwicGF0aCI6Ii85NjQzOTAxMi8zMzc3MDcwMzAtNDhlYTViMzktNjk2MC00MGE2LWI2OGMtYWY4ODhhODhmYTQ1LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MTklMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODE5VDAyMTExMFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWUyMDc0NjljNDUyZDFkOTg0M2FkYzZlYzAyNjQxYzZlOWM0Y2FiOThiNzA0NGJhYWMwM2E3Zjk0MzRmOWY5MTUmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.F_L43G_JeNwUkjO9PAFI6-nfesRM9ZgB6zG7G9MjewA)
![](https://private-user-images.githubusercontent.com/96439012/337707659-98ad5118-d778-4a20-b761-f5ba08b28cba.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQwMzM3NzAsIm5iZiI6MTcyNDAzMzQ3MCwicGF0aCI6Ii85NjQzOTAxMi8zMzc3MDc2NTktOThhZDUxMTgtZDc3OC00YTIwLWI3NjEtZjViYTA4YjI4Y2JhLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MTklMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODE5VDAyMTExMFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWNlOWJhZjA2YjE5ZTczMmJiZDYzZjFhNzMxMDlkOTNkMTgxYTQ3MTIzOWM1ZWI2M2RmZDRmMDVhYzI3ZjRhM2QmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.hWT-GQr9Sby-W50SVNVGdrUUoTpuZzUau65YSbneEgk)