Media Bias Check Extension

By Maya Frame - July 2019

Description

Empowers the user to make informed choices about their media consumption. Color-coded links depict the general political bias and factual accuracy of an online news source according to Media Bias Chart 4.0. Right-clinking link generates a context menu with more information about the source's axis placement on the Media Bias Chart.

Specs

Follow Chrome Extensions setup instructions
Search document for string matches
Create color components for certain string matches
Create popup color key on chart background when icon is clicked
Create context menu item for more info
Make popup a clickable link to website

Also:

Add comments
Refactor background.js

Setup and Use

From your command line:

# Clone this repository
$ git clone https://github.com/meyerclemon/maya-media-bias-check
# Navigate to chrome://extensions
# Select 'Developer Mode'
# Drag media-bias-extension folder to extensions page
# OR
# Click 'Load Unpacked' and choose MediaBiasExtension folder from the directory

Built With

JavaScript
CSS
HTML
Visual Studio Code (Text Editor)

Maya Frame(mayacframe@gmail.com) If you have any feedback or concerns, please contact any of the contributors.