INSTALL.md

Installation Guide

Quick Start

1. Open Chrome Extensions

   • Go to chrome://extensions/
   • Or click Menu → More Tools → Extensions

2. Enable Developer Mode

   • Toggle "Developer mode" in the top right corner

3. Load Extension

   • Click "Load unpacked"
   • Select the CodeClimax folder
   • Click "Select Folder"

4. Verify Installation

   • Look for the CodeClimax icon in your extension toolbar
   • Click the icon to open settings

Permissions Required

• storage: Save your celebration media and settings
• activeTab: Access LeetCode pages to detect successful submissions
• Host permissions: Access LeetCode and YouTube domains

First Time Setup

1. Enable the Extension

   • Click the CodeClimax icon
   • Toggle the extension ON

2. Add Celebration Media

   • Upload images, GIFs, or videos
   • Add YouTube video clips and shorts
   • Set your favorites

3. Configure Settings

   • Adjust default duration
   • Enable randomization
   • Set other preferences

4. Test It Out

   • Visit any LeetCode problem page
   • Solve a problem (or check for existing submissions)
   • Enjoy your celebration!

Troubleshooting

Extension Not Loading

• Make sure Developer Mode is enabled
• Check that you selected the correct folder
• Look for any error messages in the extensions page

Not Working on LeetCode

• Ensure you're on leetcode.com/problems/* pages
• Check that the extension is enabled in settings
• Try refreshing the LeetCode page

Upload Issues

• Check file size limit (10MB)
• Verify supported formats (PNG, JPG, GIF, MP4, WebM)
• Ensure you have storage space available

Need Help?

• Check the README.md for detailed information
• Look at the console (F12) for debug messages
• Report issues on GitHub

Ready to Use!

That's it! Your CodeClimax extension is now ready to celebrate your LeetCode victories! 🎉🚀