Skip to content

Google Chrome extension that uses Natural Language Processing to summarize highlighted text. Never waste time reading again.

Notifications You must be signed in to change notification settings

Pochetes/Navi-Web-Companion

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

47 Commits
 
 
 
 
 
 

Repository files navigation

forthebadge forthebadge

Navi - AI Web Companion

Navi is a Google Chrome extension that helps day-to-day users like you and me understand the contents of a website. This is supposed to take the HTML elements that generally represents the data and create a summary out of it!

Landing-Page-GIF

All you would need to do is:

  • Highlight the text you want to understand
  • Click on the Navi icon that pops up after the text is selected

Done!

After some time you would see a pop-up on the screen returning a summarization of the text!

File Structure

├──chrome-extension
│   │
│   ├──build        
│   ├──.node_modules
│   ├──public
│   ├──src
│   ├──background.js
│   ├──index.html
│   ├──manifest.json
│   ├──package-lock.json
│   ├──package.json
│   ├──styles.css
│   ├──tsconfig.json
│   ├──webpack.config.js
│   │
├──landing-page
│   │
│   ├──.node_modules
│   ├──public
│   ├──src
│   ├──.gitignore
│   ├──package-lock.json
│   ├──package.json
│   ├──yarn.lock
│   │
├──.gitignore
│   │
├──README.md

But ... How does it Work?

Navi uses Natural Language Processing (or NLP for short) to take text and give meaning to it.

More specifically, it uses the TextRank algorithm. More info on the techniques we used here.

  • We first split the input into a 2D array of words, every element being the sentence.

  • Then, stopwords and punctuations are removed for preprocessing.

  • A similarity matrix is created to hold the relvant sentences in order.

  • Sentences are ranked by their similarity and relevance.

  • A list of the most relevant sentences will be shown to the user in the chat-bot interface.

Installation

Before anything, make sure you have downloaded react with

npm install create-react-app

and downloaded the correct dependencies with

npm install

To see the landing-page,

git clone https://github.com/Pochetes/ShellHacks-Project-2021.git
cd ShellHacks-Project-2021/landing-page/src
npm start

To see the Summarizer interface,

Go to The Google Chrome Extension Dashboard, and click load unpacked.

Running npm run build creates an optimized build of the app.

Go to chrome-extension/build and select the build folder.

Run the extension.

About

Google Chrome extension that uses Natural Language Processing to summarize highlighted text. Never waste time reading again.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published