Skip to content

A movie suggestion webApp using react, tailwindCss and firebase along with integration of chat-gpt

Notifications You must be signed in to change notification settings

amitkrjha-geek/Netflix-GPT

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

24 Commits
 
 
 
 

Repository files navigation

Netflix GPT Movie Web Application

GitHub repo size GitHub issues GitHub contributors GitHub stars GitHub forks

This is a web application inspired by Netflix that utilizes React, Tailwind CSS, Redux, and external APIs such as TMDb (The Movie Database), OpenAI, and Firebase authentication to provide users with a platform to browse movies, get recommendations, and interact with a movie database.

Features

  • Login/Sign Up: Users can sign in or sign up using the provided authentication system powered by Firebase.
  • Browse Page: Upon successful authentication, users are redirected to the Browse Page.
  • Header: Consists of navigation links and essential information.
  • Main Movie Display: Displays a selected movie's trailer in the background along with its title and description.
  • Movie Suggestions: Utilizes OpenAI APIs to suggest movies based on user preferences and viewing history.
  • Movie Lists: Offers various categorized lists of movies.
  • NetflixGPT Section: Includes a search bar for users to find specific movies and additional movie suggestions.

Technologies Used

  • React: Front-end development framework for building user interfaces.
  • Tailwind CSS: Utility-first CSS framework for styling.
  • Redux: State management library for managing application state.
  • TMDb API: The Movie Database API used to fetch movie-related information.
  • OpenAI API: Utilized for generating movie recommendations based on user preferences.
  • Firebase: Authentication system used for user sign-in and sign-up functionalities.

Setup Instructions

  1. Clone the repository: git clone https://github.com/yourusername/netflix-gpt-movie-webapp.git
  2. Install dependencies: npm install
  3. Set up Firebase credentials and API keys.
  4. Start the application: npm start

How to Use

  1. Access the application through a web browser.
  2. Sign in or sign up using the provided authentication system.
  3. Explore the Browse Page featuring main movie displays, movie suggestions, movie lists, and the NetflixGPT section.
  4. Use the search bar in the NetflixGPT section to find specific movies.
  5. Enjoy browsing and discovering new movies!

Contributions

Contributions are welcome! Feel free to open issues or pull requests for any improvements or additional features you'd like to propose.

License

This project is licensed under the MIT License.

About

A movie suggestion webApp using react, tailwindCss and firebase along with integration of chat-gpt

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published