GPTube

GPTube is an interactive web application that allows users to engage with video content in a dynamic way. The application leverages AI to generate quizzes, create PowerPoint presentations, and answer questions based on the video being watched. Users can input their own YouTube videos and customize the content by providing a transcript.

Features

• Generate Quizzes: Users can ask the application to create quizzes based on the content of the video. The quizzes are generated dynamically and can be tailored to the specific video being watched.

  

• Create PowerPoint Presentations: Users can request PowerPoint presentations that summarize the key points from the video. The application generates slides with titles, bullet points, and notes.

  

• Interactive Q&A: Users can ask questions about the video content, and the application will provide answers based on the transcript and context of the video.

  

• Custom Video Input: Users can input their own YouTube videos that are not included in the provided content list by adding the video transcript to the reformatted_transcript.csv file.

Setup Instructions

Prerequisites

• Node.js and npm installed on your machine.
• An OpenAI API key and endpoint for the application to function properly.
• An Azure endpoint for speech services.

Installation

1. Clone the repository:

   git clone https://github.com/Gallillio/GPTube.git
   cd GPTube

2. Install the dependencies:

   npm install

3. Create a .env file in the root directory and add your OpenAI API key and Azure endpoint:

   REACT_APP_SPEECH_KEY=your_azure_speech_key
   REACT_APP_SPEECH_REGION=your_azure_speech_region
   

4. For the Master branch, you will need to input your own OpenAI API key and Azure endpoint for the app to work.

5. Alternatively, you can switch to the Use-Gemini branch for free use by utilizing your own Gemini API. Gemini is free to use, but please note that this branch is more buggy as it was created on 22/3/2025 after the project was considered complete. I only did it for anyone who wants to try it for free and did not want to spend too much time on it. I will integrate it properly in the future if I have the time.

   git checkout Use-Gemini

6. Start the application:

   npm start

Usage

• Open the application in your web browser.
• Select a video from the list or input your own YouTube video.
• Interact with the chatbot to generate quizzes, create PowerPoint presentations, or ask questions about the video content.

Contributing

Contributions are welcome! If you have suggestions for improvements or new features, please open an issue or submit a pull request.

License

This project is licensed under the MIT License - see the LICENSE file for details.

Acknowledgments

• To all the video's I've used to showcase this tool.
• Thanks to OpenAI for providing the API that powers the chatbot functionality.
• Thanks to Microsoft Azure for the speech services that enhance the user experience.

---