/Sumedium-Chrome-Extension

THIS CHROME EXTENSION SUMMARIZES AND HIGHLIGTS THE MEDIUM TURKISH PAGES

Primary LanguageJavaScriptGNU General Public License v3.0GPL-3.0

1. INTRODUCTION


In this project, I created a Chrome Extension that summarizes Medium Turkish pages. This help readers to

gain time by preventing them reading long articles in Medium Turkish pages. I order to handle the summarization

task, I used a Text-Summarizer API. Please contact with me for further info about API


2. IMPLEMENTATION


This project is mainly constructed on three sub files

  • manifest.json

  • jquery-3.4.1.min.js

  • eventPage.js


2.1. manifest.json


  • In this file, you define the version, name , description, icons, background scripts, permissions

of your extension. And also, I added "browser_action" element, since our Chrome Extension is a

Browser Action extension. In background scripts, I defined two scripts that will be running at the

background when you activated the extension


2.2. jquery-3.4.1.min.js


  • Jquery is a fast and small javascript library. It makes things like HTML document traversal and

manipulation, event handling, animation much simpler with an easy-to-use API that works across a

multitude of browsers. So, it helps to run our extension on the browser


2.3. eventPage.js


clicking extension button. After that the extension executes an embedded script that inspects the

related Medium Turkish page using jquery. Then, the script extracts the article and posts it to the

Text-Summarizer. When we got the response, our extension highlights the summarized part of article


3. IMPROVEMENTS


  • The extension can be permitted for different web pages after inspecting their page sources

4. CONCLUSION


  • In this project, I learned to build a Chrome Extension using dynamic API calls. I can post some

data through our extension and get response from it. By creating this extension, I understand the

concept of creating a service and converting it to an endpoint in order to respond outer API calls,

especially extension calls. I also added a demo png to visualize our extension's work.


5. RESOURCES/THANKS


Text-Summarizer tool is provided me by them. I also used javascript, jquery and Chrome APIs.