CineVerse-GPT

Create React App
Configured Tailwind CSS
Login form
Sign Up form
Form Validation
useRef Hook
Firebase Setup
Deploying our app to firebase
Created SignUp User Account
Implemented SignIn user API
Created Redux Store with userSlice
Implemented Sign Out
Update Profile
BugFix
- Sign Up user Displayname
- if the user is not logged in redirect /browse to login page and vice-versa
unsubscribed to the onAuthStateChange callback
added user icon selection option
Registered to TMDB API and got access token
Get data from TMDB now playing movies list API
Custom Hooks for Now Playing
created moviesSlice
updated store with movies data
Planning for UI structure
Custom Hooks for trailer video
updated store with trailer video data
Embedded the Youtube video
Build SecondaryContainer
Build Movie List
Build Movie Card
TMDB Image CDN URL
Made Browse page amazing with Tailwind CSS
made custom hooks to get nowPlaying,Popular,ToRated, Upcoming movies data
added GPT Search Bar
used "tailwind-scrollbar-hide" Plugin to hide scroll-bar in movies list cards
Gemini API Key
GPT Search API Call
implement GPT search response to display suggested Movie's Card
Made site responsive
Faced build issues in CRA, so migrated to Vite
Changes file and folder structure as per Vite requirement
Added Gemini Shimmer Loader
Made UI responsive
added suggestion chips for GPT search

Features