DEV Community

Ankush Chudiwal
Ankush Chudiwal

Posted on

πŸš€ Made A AI-Powered Content Summarizer Chrome Extension

πŸ”— GitHub Repository


What is it?

Tired of spending hours reading long articles or web pages? The AI-Powered Content Summarizer extension is here to save your time and effort! Using ApyHub's AI summarization API, this tool condenses web content into short, medium, or long summariesβ€”all at the click of a button.

βœ… Available for Chrome and Firefox!


✨ Features

  • Summarize web pages effortlessly in seconds.
  • Choose between Short, Medium, or Long summaries.
  • Simple popup interface for quick access.
  • Compatible with Chrome and Firefox browsers.
  • Powered by ApyHub AI for concise and accurate results.

How to Use

Chrome

  1. Clone the repository:
   git clone https://github.com/Ankush1oo8/ai-content-summarizer.git
Enter fullscreen mode Exit fullscreen mode
  1. Load the extension:

    • Navigate to chrome://extensions/.
    • Enable Developer Mode.
    • Click Load Unpacked and select the project folder.
  2. Add your ApyHub API Key in the background.js file.

  3. Navigate to any webpage, click the extension, and choose your summary length!

Firefox

  1. Clone the repository as above.
  2. Open Firefox, go to about:debugging#/runtime/this-firefox.
  3. Click Load Temporary Add-on and select the manifest.json file from the project folder.
  4. Add the API key as instructed in the code files.

πŸ”§ How It Was Made

The AI-Powered Content Summarizer was developed with simplicity and user-friendliness in mind. Here's the step-by-step process:

  1. Identifying the Problem:

    We wanted a tool to simplify web content for users who value their timeβ€”students, professionals, or casual readers.

  2. Choosing the Right API:

    We integrated ApyHub's AI summarization API for its speed, accuracy, and versatility.

  3. Building the Extension:

    • Manifest v3 for Chrome to define permissions and functionality.
    • A background script to handle API calls and processing.
    • A clean popup interface (HTML, CSS, JavaScript) for user interaction.
  4. Testing on Browsers:

    The extension was tested on Chrome and Firefox to ensure compatibility and seamless performance.

  5. Publishing & Open-Sourcing:

    By making the code open-source, we encourage developers to use, improve, and contribute to the project.


Why You’ll Love It

This extension is perfect for anyone who:

  • Wants concise summaries of long content.
  • Needs to save time while staying informed.
  • Prefers a straightforward, easy-to-use tool.

πŸ› οΈ Explore the Code: Check out the full project on GitHub: ai-content-summarizer

🌟 Feedback Welcome: Found a bug or have ideas for improvement? Feel free to open an issue or contribute!


License

This project is licensed under the MIT License. Learn more in the repository.

Top comments (0)