vue-notification-system

A complete real-time notification system for Vue apps

See a demo here. Full documentation can be found at https://docs.ravenhub.io/

This package includes the end-user-facing notification center component. There is an accompanying notification system for generating notifications with a simple REST API which can be found at https://docs.ravenhub.io/

Installation

npm install --save vue-notification-system

Usage

<template>
  <div class="home">
    <img alt="Vue logo" src="../assets/logo.png">
    <vue-notification-system appId="u5O4GI0C8X" subscriberId="foo3"></vue-notification-system>
  </div>
</template>
 
<script>
  import VueNotificationSystem from 'vue-notification-system'
 
export default {
  name: 'Home',
  components: {
    VueNotificationSystem
  }
}
</script>
 
<style>
.feed-container {
  right: -440px !important;
}
</style>

Props

Prop Name	Type	Description
appId	PropTypes.string	Automatically generated when you sign up. You can find it in the Ravenhub app in the top right corner next to the logout button.
subscriberId	PropTypes.string	The unique ID that you use to identify the user who is logged in. This is how we know who to send notifications to.

Analytics

This notification system also includes activity and engagement tracking in the dashboard available at ravenhub.io