GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → aofdev → vue-input-streaming

aofdev / vue-input-streaming

Licence: MIT License
A Vue2 Input Streaming RealTime And Two Way Data Binding Broadcasting with Pusher

Programming Languages

javascript
184084 projects - #8 most used programming language
Vue
7211 projects
HTML
75241 projects

Labels

nodejspusherstreamingexpresspwavueinputrealtimevue2hacktoberfestvue-form-builder

Projects that are alternatives of or similar to vue-input-streaming

Wsify
Just a tiny, simple and real-time self-hosted pub/sub messaging service
Stars: ✭ 452 (+1783.33%)
Mutual labels:  pusher, realtime
vue-input-autowidth
A Vue.js directive that automatically resizes an input's width to fit its contents.
Stars: ✭ 94 (+291.67%)
Mutual labels:  input, vue2
Beaver
💨 A real time messaging system to build a scalable in-app notifications, multiplayer games, chat apps in web and mobile apps.
Stars: ✭ 1,056 (+4300%)
Mutual labels:  pusher, realtime
Chartjs Plugin Streaming
Chart.js plugin for live streaming data
Stars: ✭ 310 (+1191.67%)
Mutual labels:  streaming, realtime
live-cryptocurrency-streaming-flutter
A Flutter app with live cryptocurrency updates, powered by Ably
Stars: ✭ 26 (+8.33%)
Mutual labels:  streaming, realtime
Template React Ssr
Server-side rendering template using express and react 16
Stars: ✭ 166 (+591.67%)
Mutual labels:  streaming, pwa
Vue Echo
Vue integration for the Laravel Echo library.
Stars: ✭ 229 (+854.17%)
Mutual labels:  pusher, vue2
Rxdb
🔄 A client side, offline-first, reactive database for JavaScript Applications
Stars: ✭ 16,670 (+69358.33%)
Mutual labels:  pwa, realtime
soketi
Just another simple, fast, and resilient open-source WebSockets server. 📣
Stars: ✭ 2,202 (+9075%)
Mutual labels:  pusher, realtime
docs
The official soketi documentation. 📡
Stars: ✭ 55 (+129.17%)
Mutual labels:  pusher, realtime
Pushpin
Proxy server for adding push to your API
Stars: ✭ 3,050 (+12608.33%)
Mutual labels:  streaming, realtime
Design-Prototype-Feedback-Application
Invision-like Design Prototype Feedback Application built using Laravel Vue and Pusher
Stars: ✭ 13 (-45.83%)
Mutual labels:  pusher, realtime
Redpanda
Redpanda is the real-time engine for modern apps. Kafka API Compatible; 10x faster 🚀 See more at vectorized.io/redpanda
Stars: ✭ 3,114 (+12875%)
Mutual labels:  streaming, realtime
laravel-realtime-chat-pusher
Contoh aplikasi realtime chat dengan pusher
Stars: ✭ 36 (+50%)
Mutual labels:  pusher, realtime
mobius
Mobius is an AI infra platform including realtime computing and training.
Stars: ✭ 22 (-8.33%)
Mutual labels:  streaming, realtime
Laravel Realtime Example
Realtime 🍕 Pizza Order Tracker 🍕 - Laravel, Vue & Pusher
Stars: ✭ 165 (+587.5%)
Mutual labels:  pusher, realtime
Vuetify Todo Pwa
✔️ A simple Todo PWA built with Vue CLI 3 + Vuex + Vuetify.
Stars: ✭ 160 (+566.67%)
Mutual labels:  pwa, vue2
Vue Firebase Auth Vuex
Vue Firebase🔥 Authentication with Vuex
Stars: ✭ 248 (+933.33%)
Mutual labels:  pwa, vue2
python-realtime-table
Building realtime table using Python and Channels
Stars: ✭ 12 (-50%)
Mutual labels:  pusher, realtime
traffic
Massively real-time traffic streaming application
Stars: ✭ 25 (+4.17%)
Mutual labels:  streaming, realtime
View All Similar Projects ➔

vue-input-streaming

A Vue2 Input Streaming RealTime And two way data binding broadcasting with Pusher

Setup Project

# Git Clone Project
git clone [email protected]:aofdev/vue-input-streaming.git

# CD project
cd vue-input-streaming

# install dependencies project
npm install || yarn install

Setup server app

# CD folder server-app 
cd server-app

# install dependencies 
npm install

Config

Step 1

Create a new project or click on an existing project. Pusher Console
insert key At folder/file server-app/app.js

const pusher = new Pusher({
    appId: '',
    key: '',
    secret: '',
    cluster: '',
    encrypted: true
});

Step 2

insert key At file Input.vue

 const pusher = new Pusher('', {
   cluster: '',
   encrypted: true
 });

Running Project

# run server app 
node app

# run project app
npm run dev || yarn dev

# build for production with minification and to build Progressive Web Apps
npm run build || yarn build
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].