Netflix Clone

Netflix Clone This project is a Netflix-like streaming application that incorporates a recommendation system powered by OpenAI's GPT for movie suggestions. It is built using Create React App, configured with Tailwind CSS, and integrates with Firebase for user authentication and data storage.

Project Structure

• Header: A responsive header with navigation, user profile, and search functionality.

• Routing: Implements React Router for smooth navigation between pages.

• Login/Sign Up Forms: User authentication forms with form validation.

• Firebase Integration: Utilizes Firebase for user authentication, including user sign-up, sign-in, and sign-out.

• Redux Store: Manages user state using Redux and Redux Toolkit with the userSlice.

• Profile Update: Allows users to update their profile information, including display name and profile picture.

• Bug Fixes: Addresses issues related to user sign-up data and redirects between pages based on authentication status.

• TMDB API Integration: Registers with TMDB, fetches data from the now playing movies list API, and manages the state using the movieSlice in the Redux store.

• Movie Containers: Implements MainContainer and SecondaryContainer for an organized structure.

• Trailer Video Integration: Fetches trailer video data from TMDB and embeds YouTube videos with autoplay and mute functionalities.

• Tailwind CSS Styling: Applies Tailwind CSS classes to enhance the visual appeal of components.

• Responsive Design: Ensures the site looks appealing on various screen sizes with responsive Tailwind classes.

Netflix Clone

This project is a Netflix-like streaming application that incorporates a recommendation system powered by OpenAI's GPT (Generative Pre-trained Transformer) for movie suggestions. It is built using Create React App, configured with Tailwind CSS, and integrates with Firebase for user authentication and data storage.

Project Structure

• Header: A responsive header with navigation, user profile, and search functionality.

• Routing: Implements React Router for smooth navigation between pages.

• Login/Sign Up Forms: User authentication forms with form validation.

• Firebase Integration: Utilizes Firebase for user authentication, including user sign-up, sign-in, and sign-out.

• Redux Store: Manages user state using Redux and Redux Toolkit with the userSlice.

• Profile Update: Allows users to update their profile information, including display name and profile picture.

• Bug Fixes: Addresses issues related to user sign-up data and redirects between pages based on authentication status.

• TMDB API Integration: Registers with TMDB, fetches data from the now playing movies list API, and manages the state using the movieSlice in the Redux store.

• Movie Containers: Implements MainContainer and SecondaryContainer for an organized structure.

• Trailer Video Integration: Fetches trailer video data from TMDB and embeds YouTube videos with autoplay and mute functionalities.

• Tailwind CSS Styling: Applies Tailwind CSS classes to enhance the visual appeal of components.

• Responsive Design: Ensures the site looks appealing on various screen sizes with responsive Tailwind classes.

GPT Search Page

• Search Bar: Integrates a GPT-powered search bar for enhanced movie suggestions.

• GPT API Call: Fetches data from the OpenAI GPT API for movie suggestions based on user queries.

• Movie Suggestions Container: Reuses the Movie List component to display GPT-generated movie suggestions.

• Memoization: Implements memoization techniques to optimize performance.

Additional Features

• Multi-language Support: Incorporates a bonus feature for multi-language support within the application.