Extension

API

• IDE: Visual Studio Code 1.43.2.0 and PowerShell 7.0.0-preview.2
• Language: Python 3.7
• Routing: Flask Micro-Web Framework
• Hosted: Heroku (through heroku-git CLI)
• Base URL: https://projecthigh.herokuapp.com/

The API is built on the Flask micro-web framework capable of handling GET and POST requests. Currently, there are only 3 endpoints for the API which include:-

• /, [GET]
  • Default API Endpoint
  • Response: Response Message, Status
• /RetPost, [POST]
  • Function: Checking POST request function with API
  • Response: Response Message, Status
• /extToModel, [POST]
  • POST Article data and predict/suggest appropriate tags
  • Response: Response Message, Status, Suggested Tags

Popup

• IDE: Visual Studio Code 1.43.2.0 and Chrome 80.0.3987.149
• Language: HTML5, CSS3, Javascript ECMAScript 2019
• Third-Party API: Chrome's Web API

The actual browser Extension has a button which when clicked injects a script into the opened tab of the browser. It collects any 'h3' tags for the title (tuned for Medium.com) and 'p' tags for the text, and runs calls a Fetch operation (See Chrome Web API) to POST the gathered data to the API. The API on receiving this data processes the text using the Model and responds with the appropriate tags. Since the injected script is running in the tab and not the popup itself, it sends a message, containing the array of tags, to the popup which then displays the tags.