Chrome-Extension-Base-Template

This is a basic Chrome Extension base template for starting new projects off of initialized with a MIT license.

Features

• 🔖 Bookmark any LeetCode problem with custom difficulty and importance.
• 📚 View all saved problems in a clean, sortable popup.
• ✏️ Add personal notes to each bookmarked problem.
• 🗂️ Filter by difficulty (Easy, Medium, Hard).
• 🔼 Sort by importance (High, Medium, Low).
• 🔄 Sync bookmarks across all Chrome tabs using chrome.storage.sync.
• ⚡ React-based popup and content UI for a smooth experience.
• 📎 One-click actions: open problem, delete, copy link, or add notes.
• 🧠 Persistent notes storage for each problem (via localStorage).

Author

First Last

• Author Website
• Author Github
• Project Repository

Requirements

Knowledge

• React
• HTML
• CSS
• Javascript
• Chrome API

Tools

• Google Chrome Browser
• IDE or Text Editor of Your Choice

Setup Instructions

For Developers

1. Make a clone of this project, unzipped.
2. Open Chrome Browser
3. In a new or blank tab, type in "chrome://extensions/" (without the quotes of course) and click [Enter].
4. At the top right corner of the page, enable "Developer Mode"
5. Click the button on the page that says "Load Unpacked"
6. Navigate to your unzipped project folder and select that and hit OK.
7. You are now ready to start working on the extension! Just make sure you reload after each change you make to see the changes take place.

License

Please refer to LICENSE file.