acucciniello / ycharts-chrome-extension

Simple Chrome Extension Displaying a Financial News for the user from YCharts

ycharts-chrome-extension

Simple Chrome Extension Displaying a Table with Financial News

Inspiration

After creating a trial account on the YCharts site, I played around with the it a little as a user and thought that it would be a cool idea if there was a Chrome Extension that gave Fiancial News from your YCharts account. This would give users the ability to see some news without having to go to a new site, and be able to check on the go.

Requirements

• Python (2.7.10-2.7.13)
• Django (1.10.6)
• Node (5.6.0)

Setup

1. Git Clone this repository:

$ git clone https://github.com/acucciniello/ycharts-chrome-extension.git

2. Enter the directory:

$ cd ycharts-chrome-extension

3. Initialize Secret Keys with (fill in your own values):

$ export SECRET_KEY='enterSecretKey'
$ export API_KEY='enterAPIKEY'
$ export DB_USER='db_user_name'
$ export DB_PASS='db_password'

4. Initialize Tables in MySQL DB:

$ python web_app/manage.py migrate

5. Start Django Server:

$ python web_app/manage.py runserver

6. Install NPM Dependencies with:

$ cd chrome_extension
$ npm install

7. Run browserify to generate your bundle.js file:

$ browserify popup.js > bundle.js

8. Type in your Chrome Browser:

chrome://extensions/

9. Check Developer Mode Box:

10. Drag and Drop the chrome_extension directory onto this page.

Usage

1. Click the Chrome Extension's Icon in your menu bar:

2. Click the Button in the Extension labeled 'Click for Updated Business News':

3. Get News!

TODO:

• Start Django Server
• Get News Data from news API
• Display in Table
• Urls in table
• Use Angular to make the Table
• Add Read Later Feature

License:

MIT

Reference:

API for News Data: News API

YCharts home page: YCharts

Angular 2 Boilerplate used: babel-angualr2-app