Movieflix

Create React App

• Config tailwind CSS
• Header
• Routing of app
• Login Form
• Sign Up form
• form Validation
• useRef Hook
• use of firebase
• deployed movieflix on firebase
• Creating SignUp user Account
• Set up redux store via redux slice
• Fixed Bug: signUp user displayname and profile picture update
• Fixed Bug: if the user is not logged in Redirect / browse to login page and vice-versa
• Unsubscribe to the onAuthStateChanged call back in header.js
• Regestered for tmdb API and creat an app and get access token
• Get Data from TMDB "now playing" => movies list API
• created hook and updated a store
• creater custom hook for now Playing movies
• updated store
• created moive slice
• fetched data for trailer video
• created backgroung - Movie playing
• Build Secondary Component!
• Build movieCard
• added IMG CDN
• ui updates
• fetched popular movies and now playing movies
• set up open ai in movieflix
• created ai search bar , ai Search page
• set up * multi language feature

  (open ai search bar is non functional because of some billing issue created due to minimum search quota exceeded!)

Features

login/signup page

- signup/ login form
- redirect to browser

Browse (after authentication)

- Header
 -Main Movie
    * Trailer in background
    * Title & discription
    * Movie suggestion
    * Movie Lists !
    - Search Bar
    - Movie Suggestion

Search any Movie

• It searches and give all possible Movies based on your searched input.