eh3rrera / Realtime Mongodb Pusher
Licence: mit
Sample app that shows how to use MongoDB change streams and Pusher in a Node.js/React app
Stars: ✭ 44
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to Realtime Mongodb Pusher
Antvueblogfront
🔥使用Vue全家桶 + Egg + Mongodb 写的个人网站博客。使用docker compose 一键部署。(最近比较忙,部署还有点问题,后期补上)
Stars: ✭ 36 (-18.18%)
Mutual labels: mongodb
Moveit
🚀 NLW #4 | React+ TypeScript + NextJS + StyledComponents + Firebase + MongoDb +Axios
Stars: ✭ 39 (-11.36%)
Mutual labels: mongodb
Phalcon Mongodb Odm
MongoDB ODM for Phalcon framework for new mongodb php extension with query builder and rich functionality
Stars: ✭ 42 (-4.55%)
Mutual labels: mongodb
Scrumboard
A simple real-time scrum board built with Laravel 5.3 + Pusher.
Stars: ✭ 36 (-18.18%)
Mutual labels: pusher
Iblog
基于 Node.js 的开源个人博客系统,采用 Nuxt + Vue + TypeScript 技术栈。
Stars: ✭ 994 (+2159.09%)
Mutual labels: mongodb
Multiplay Grpc Server
gRPC server for Multiplaying in Rust
Stars: ✭ 41 (-6.82%)
Mutual labels: mongodb
Version Manager
Cross-platform helper for managing multiple versions of MongoDB
Stars: ✭ 43 (-2.27%)
Mutual labels: mongodb
Nodejs Mean Stack
Solution tutorial: Modern Web Application using MEAN stack on IBM Cloud
Stars: ✭ 37 (-15.91%)
Mutual labels: mongodb
Bookmarks.dev Frontend Only Archive
Bookmarking for Developers & Co
Stars: ✭ 38 (-13.64%)
Mutual labels: mongodb
Lynnhosting
Open Source, Web Hosting Automation built with Laravel
Stars: ✭ 36 (-18.18%)
Mutual labels: pusher
Goeat Api
Rest API for a food delivery application - Built with Express, Postgres, Redis, MongoDB and Nodemailer
Stars: ✭ 36 (-18.18%)
Mutual labels: mongodb
Curriculum
Overview of the different modules and learning goals of the program.
Stars: ✭ 40 (-9.09%)
Mutual labels: mongodb
Meteor Collection2
A Meteor package that extends Mongo.Collection to provide support for specifying a schema and then validating against that schema when inserting and updating.
Stars: ✭ 1,020 (+2218.18%)
Mutual labels: mongodb
Phalcon Vm
Vagrant configuration for PHP7, Phalcon 3.x and Zephir development.
Stars: ✭ 43 (-2.27%)
Mutual labels: mongodb
realtime-mongodb-pusher
React application that allows you to add and delete tasks. It communicates to an API implemented in Node.js that saves the changes to a database. The Node.js script also receives these changes using change streams, parsing them and publishing them to a Pusher channel so the React application can consume them.
Follow the tutorial here.
Getting Started
- Clone this repository.
- Create a Pusher app.
- Enter your Pusher app information in
server/server.js
and inclient/src/App.js
. - In a terminal window, start MongoDB as a replica set of one server with the command:
mongod --dbpath <DATA_PATH> --replSet "rs"
. - In a separate terminal window, run
mongo
, the MongoDB client. - If this is the first time you set up a replica set, execute the command
rs.initiate()
. - Create the database
tasksDb
(use tasksDb
) and the collectiontasks
(db.createCollection('tasks')
). - In a separate terminal window,
cd
into theserver
directory and executenpm install
to download the dependencies and then,npm start
to start the server. - In a separate terminal window,
cd
into theclient
directory and executenpm install
to download the dependencies and then,npm start
to start the app. - A browser window will open, you can open another one to see how the task are replicated in realtime.
Prerequisites
Built With
- MongoDB - NoSQL database
- Node.js - A JavaScript runtime
- React - A JavaScript library for building webapps
- Pusher - APIs to enable devs building realtime features
Acknowledgments
- Thanks to Pusher for sponsoring this tutorial.
LICENSE
MIT
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].