LeetCode YouTube Solutions Chrome Extension

This Chrome extension enhances LeetCode problems by adding a YouTube video solutions viewer directly on the problem page.

Features

• Watch solution videos without leaving LeetCode
• Carousel of related solution videos
• Picture-in-picture mode for video player
• Beautiful, modern UI design
• Smooth animations and transitions

Installation Steps

1. Clone this repository or download the files

2. Get a YouTube Data API key:

   • Go to Google Cloud Console
   • Create a new project
   • Enable the YouTube Data API v3
   • Create credentials (API key)
   • Copy the API key

3. Update the YOUTUBE_API_KEY constant in content.js with your API key

4. Load the extension in Chrome:

   • Open Chrome and go to chrome://extensions/
   • Enable "Developer mode" in the top right
   • Click "Load unpacked"
   • Select the extension directory

Usage

1. Navigate to any LeetCode problem
2. Click the "Watch Solutions" button in the top left
3. Browse through available solution videos
4. Click a video to play it
5. Use the minimize button for picture-in-picture mode

Development

The extension consists of three main files:

• manifest.json: Extension configuration
• content.js: Main functionality and YouTube API integration
• styles.css: Styling and animations

Icons

Create icons in the following sizes and place them in an assets folder:

• 16x16
• 48x48
• 128x128

You can use any icon creation tool or download free icons from resources like Lucide Icons.

Notes

• The extension requires a YouTube Data API key to function
• API quota limits apply based on your Google Cloud project settings
• The extension only works on LeetCode problem pages