37

Secured Notification Widget (with Twitter integration) in JavaScript

 4 years ago
source link: https://www.tuicool.com/articles/AJnQR3Z
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.

notification-feed

  • Light
  • Secured
  • Integrated with twitter
  • Easy to embed

Notification feed. Currently integrated with Twitter. Work in progress, see roadmap below.

Demo

Examples on these web sites are launched just for demonstrating purposes!

www.ucla.edu

ucla.gif

http://time.com

time.gif

Intergation guide

If you do not have application at twitter dev go here to create one: Twitter Application Management . Your application will be issued an apiKey (API Key), a secretKey (API secret key), an accessToken (Access token) and accessTokenSecret (Access token secret). Then just simplmy paste them into server/env .

To run notificator widget locally:

git clone https://github.com/yankouskia/notification-feed.git
cd notification-feed
yarn
yarn server

To run on any page of your resource:

const script = document.createElement('script');

script.src = 'http://localhost:3000/sdk.js';

script.onload = () => {
  window.notificator = new window.Notificator({
    search: 'insert any phrase OR hashtag here',
  });

  window.notificator.render();
}

document.body.appendChild(script);

// to terminate widget:
window.notificator.terminate();

Roadmap

  • Customizable UI for each feed
  • Facebook, Instagram, custom-service feeds
  • Create SaS
  • Provide as global npm package

Contributing

notification-feed is open-source "SaS", opened for contributions. Suggestions/issues/questions are highly appreciated as well!

License

notification-feed is MIT licensed


About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK