NetflixGPT_san

Welcome to NetflixGPT_san! This project is built with React and offers several features to enhance your movie-watching experience. Let's get started.

Getting Started

To begin using this project, follow these steps:

1. Create React App <<<<<<< HEAD

   • Set up your project using Create React App.

2. Configured TailwindCSS

   • Configure TailwindCSS for enhanced styling.

3. Header

   • Implement the header component for navigation.

4. Routing of App

   • Set up app routing using react-router-dom (install it with npm i -D react-router-dom).

5. Login Form

   • Create a login form for user authentication.

6. Sign up Form

   • Design a sign-up form for new users.

7. Form Validation

   • Implement form validation to ensure data accuracy.

8. useRef Hook

   • Utilize the useRef hook for managing references.

9. Firebase Setup

   • Install Firebase (firebase@9.0.8) and set it up for authentication.

10. Deploying to Production

    • Learn how to deploy your app to a production environment.

11. Sign Up

    • Allow users to create accounts in Firebase.

12. Sign In

    • Enable users to log in through Firebase authentication.

13. Redux Toolkit

    • Manage application state with Redux Toolkit (npm i -D @reduxjs/toolkit, npm i react-redux).

14. Create Store and User Slice

    • Create a Redux store and define a user slice for state management.

15. OnAuthState Implementation

    • Implement the onAuthState functionality for user authentication.

16. Update Profile

    • Allow users to update their display names and photo URLs in Firebase.

17. Sign Out

    • Provide an option for users to sign out.

18. Clean the Unsubscribe Function

    • Ensure proper cleanup of the unsubscribe function.

19. Main Constant File

    • Use a main constants file to avoid hard-coded strings.

20. TMDB Database

    • Interact with the TMDB database for movie information.

21. Strict Mode

    • Utilize React's strict mode for enhanced development, which checks for inconsistencies in API calls during rendering cycles.

Features

NetflixGPT_san offers the following features:

• Login/Sign Up (before authentication)
• Browse (after authentication)
• Header
• Main Movie
• Trailer in Background
• Title & Description
• Movie Suggestions
• Movie Lists (multiple)
• NetflixGPT
• Search Bar
• Movie Suggestions

Enjoy your movie-watching experience with NetflixGPT_san!