Skip to content

Extension - Instant Bootstrap detection for web developers.

License

Notifications You must be signed in to change notification settings

kiruthikpurpose/BootstrapDetector

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

11 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🔍 Bootstrap Detector

Instantly detect Bootstrap on any webpage with style and precision!

Bootstrap Detector Logo

🌟 Description

Bootstrap Detector is a powerful, user-friendly browser extension that swiftly identifies whether a website is utilizing the Bootstrap framework. With its sleek, modern interface and lightning-fast detection, it's the perfect tool for web developers, designers, and curious netizens alike.

✨ Features

  • 🚀 One-click Bootstrap detection
  • 💎 Elegant, animated user interface
  • 🎨 Clear visual indicators for detection results
  • 🔬 Detailed breakdown of detected Bootstrap components
  • 🪶 Lightweight and blazing fast
  • 🌐 Works across various web browsers

🛠 Installation

  1. Clone this repository or download the ZIP file:
    git clone https://github.com/yourusername/bootstrap-detector.git
    
  2. Open your browser's extension management page:
    • Chrome: chrome://extensions
    • Firefox: about:addons
    • Edge: edge://extensions
  3. Enable "Developer mode" (usually a toggle switch in the top right).
  4. Click "Load unpacked" and select the bootstrap-detector directory.

🚀 Usage

  1. Navigate to any website you want to analyze.
  2. Click the Bootstrap Detector icon in your browser toolbar.
  3. Watch the magic happen as the detector scans the page!
  4. View the detailed results, including which Bootstrap components were detected.

📁 File Structure

bootstrap-detector/
│
├── manifest.json        # Extension configuration
├── background.js        # Background script for Bootstrap detection
├── popup.html           # HTML structure for the popup
├── popup.css            # Styles for the popup interface
├── popup.js             # JavaScript for popup functionality
├── icon.png             # Extension icon
└── README.md            # You are here!

🛠 Development

Want to contribute or customize? Here's how to get started:

  1. Fork this repository.
  2. Make your changes in a new branch:
    git checkout -b my-new-feature
    
  3. Test your changes:
    • Update the extension in your browser's extension management page.
    • Click "Reload" next to the Bootstrap Detector extension.
    • Test the changes by clicking the extension icon.
  4. Commit your changes:
    git commit -am 'Add some feature'
    
  5. Push to the branch:
    git push origin my-new-feature
    
  6. Create a new Pull Request.

🤝 Contributing

We love contributions! Whether it's fixing bugs, improving the documentation, or spreading the word, all contributions are welcome. Please feel free to submit a Pull Request.

📜 License

This project is open source and available under the MIT License.

🙏 Acknowledgements

  • Thanks to the Bootstrap team for creating such an amazing framework.
  • Shoutout to all the developers who've contributed to this project.
  • Special thanks to our caffeinated beverages, without which this project would not have been possible.

Happy detecting! 🎉