Netflix-GPT Tailwind Templates

Netflix Gpt

✅ GPT Search, using the latest GPT-3.5 Turbo API 🚀. ✅ Authentication - Sign Up, Log In, Sign Out. ✅ Form Handling, and Form validations ✅ Advanced Tailwind. ✅ useRef hook. ✅ covered the concept of Memoization. ✅ Build Multi-Language support. ✅ Advanced data handling with Redux Toolkit. ✅ Use of .env files to secure secret API keys

NetflixGPT 🎥🔥

A movie recommendation app powered by GPT-3.5 Turbo integration! 🚀


Features

  • Utilize the latest GPT-3.5 Turbo API for intelligent movie recommendations.

Authentication

  • Sign Up, Log In, and Sign Out functionality.
  • Redirect users based on authentication status:
    • Redirect /browse to Login if not authenticated.
    • Redirect to /browse after successful login.

Advanced UI/UX

  • Built with Tailwind CSS for a modern and responsive design.
  • Dynamic and responsive layout for seamless experience across devices.

Form Handling

  • Comprehensive form validation for secure and user-friendly interactions.

Redux Toolkit

  • Advanced data handling with Redux Toolkit.
  • Manage user, movie, and GPT-related data with slices like userSlice, movieSlice, and gptSlice.

Multi-Language Support

  • Integrated multi-language feature to cater to diverse users.

Memoization

  • Optimize performance with React memoization techniques.

API Integration

  • Integrated TMDB (The Movie Database) API for:
    • Fetching "Now Playing" movies.
    • Getting movie trailers and details.
  • Embedded YouTube video player with autoplay and mute features.

Secure Configuration

  • Used .env files to store and secure secret API keys.
  • Added .env file to .gitignore for safety.

Key Components

Authentication

  • Login Form: Handles user authentication.
  • Sign Up Form: Allows users to create accounts.
  • Profile Updates: Update display name and profile picture.
  • Bug fixes to ensure smooth sign-up and login experience.

Browse Page (After Authentication)

  • Header: Navigation and branding.
  • Main Movie Section:
    • Background trailer video.
    • Movie title and description.
    • GPT-powered movie suggestions.
  • Movie Lists:
    • Fetch and display "Now Playing" movies.
    • Reusable Movie List and Movie Card components.

NetflixGPT

  • Search Bar: Intelligent GPT search functionality.
  • Movie Suggestions:
    • Fetch movie suggestions using GPT.
    • Display suggestions from TMDB API.
    • Reuse Movie List component for suggestions.

Enjoy exploring NetflixGPT! 🎬

Top categories

Loading Svelte Themes