Summify - A Web Page Summarizer

Summify: A Chrome extension that summarizes any web page, news, emails etc, in your preferred format and language. Save time, stay focused, and enjoy instant insights without leaving your browser.

Comment

Inspiration

While building my own web page summarizer, powered by the Google Gemini API and hosted at tools.techchee.com, I wanted to explore client-side solutions for summarization. Upon discovering a Devpost newsletter, I decided to try Chrome's built-in summarization and translation APIs, aiming to simplify web page summarization directly in the browser.

What it does

Summify is a Chrome extension that instantly summarizes any web page you're visiting, including Gmail and the contents of any logged-in web apps. Users can select their preferred summary type, language, and format. For non-English summaries, it leverages Chrome's built-in translation API to translate the generated summary, helping users save time and stay informed.

How I built it

I used React and TypeScript to build a Chrome extension that integrates Chrome's built-in summarization API for generating concise summaries from web page content. The extension leverages client-side features, eliminating the need for server dependencies and ensuring seamless operation. For multi-language support, I integrated Chrome's translation API to translate the output summary into the user's selected language whenever a language other than English is chosen.

Challenges I ran into

  1. Translation API Issues: Implementing the translation API presented challenges, including accuracy and functionality inconsistencies.
  2. Performance: Chrome’s built-in summarization API was slower compared to my Gemini-powered tool.
  3. Content Accessibility: Extracting content reliably from various pages and web apps required extra care to handle different structures and formats.

Accomplishments that we're proud of

  • Successfully built a fully client-side Chrome extension using built-in APIs
  • Integrated features like multi-language support and customizable summary types for a personalized user experience.
  • Overcame technical hurdles in extracting content from dynamic web pages.

What we learned

  • Client-side APIs can be powerful but may have limitations compared to server-side solutions like Gemini Flash.
  • Building Chrome extensions requires careful attention to browser-specific nuances and API behaviors.
  • User experience matters—offering flexible summary styles and language options greatly enhances the utility of a summarizer tool.

What's next for Summify - A Web Page Summarizer

  1. Optimize the summarization process to improve speed and reliability.
  2. Enhance the translation API integration for better accuracy and broader language support.
  3. Add offline functionality for summarizing saved web pages.
  4. Expand to include other advanced AI features like tone adjustments or keyword extractions to further aid users.

Built With

Share this project:

Updates