- Create React App
- Configure the Tailwind CSS
-
Login Form.
-
Routing of App.
-
Login Form.
-
useRef Hook.
-
Firebase Setup.
-
Deployed.
-
Create Sign Up User Account.
-
Implement SignIn User API.
-
Created Redux Store with User Slice.
-
Implemented Sign Out.
-
Update Profile.
-
Bug Fix : Sign Up User displayName and Profile picture Update.
-
Bug Fix : If the user isnt logged in then Redirect /browse to Login Page and vice-versa.
-
UnSubscribed to the onAuthChanged callback.
-
Added HardCoded values to the Constant Files.
-
Register into the tmdb api and create an app to get the access token.
-
Get data from the tmdb api on now playing movies.
-
Custom Hook for Now Playing Movies list API.
-
Create MovieSlice.
-
Update tbe store with Movie Data.
-
Plannig for MainContainer & Secondary container.
-
Fetch the data for the Trailer.
-
Embedded the Youtube Video and make it autoplay and mute.
-
Tailwind CSS to make Main Container look more Awesome.
-
Built Secondary Component.
-
Built Movie List and Card.
-
TMDB Image CDN.
-
Improved UI using TailWind CSS.
-
Created usePopularMovies(),useTopRatedMovies(),useUpComingMovies() hooks to show the respective movies.
-
GPT Search Feature.
-
GPT Search Page & Bar.
-
Added Multi Language Feature.
-
Added GPT Functionality with the help of OpenAI APIs.
-
Added Memoization.
-
Fetched Movie Suggestion given by the API from the TMDB API.
-
Reused the MovieList to show the Suggested movies.
-
Importance of .env file.
-
Added responsiveness to the App.
- Login & SignUp.
- Sign In/Login Form.
- Redirect to Browse Page.
- Search for movies and series.
- Browse(After Authentication).
- Header.
- Main Movie.
- Trailer in Background When we hover.
- Title & Description.
- Movie Suggestions - Movies Lists.