Pusher tutorials

Sign in

Back to all tutorials71 tutorials tagged with Social

Build a streaming platform and watch videos with your friends

In this tutorial, we explain how to build a live streaming application that displays the online status of users you are interested in and who are currently streaming a video.

9 minute read

Follow tutorial

Create a whiteboard Electron app with React - Part 1: Adding the whiteboard

In this two-part series, build a whiteboard app using Node, Electron and React. Users will be able to collaborate in realtime, drawing on a simple canvas.

16 minute read

Follow tutorial

How to stream user tweets with Zapier and React

Learn how to use Zapier, together with Pusher Channels, to create a live tweet stream. You will build a simple web app with Node and React, and use Zapier to connect to a Twitter feed. Pusher will supply the realtime functionality.

7 minute read

Follow tutorial

Building a social app with online presence using Ionic

This tutorial will show you how to create a simple social feed for Android and iOS using Ionic. The app features a Node backend, and online presence indicators powered by Pusher.

10 minute read

Follow tutorial

Build a chat app in Flask and Vue with sentiment analysis - Part 4: Adding an online presence feature

This four part series takes you through building a chat app using Flask and Vue. Users will be able to message each other in realtime, see when other users are online, and be notified of new messages. In part four, add an online presence feature.

6 minute read

Follow tutorial

Build a chat app in Flask and Vue with sentiment analysis - Part 3: Live chat with sentiment analysis

This four part series takes you through building a chat app using Flask and Vue. Users will be able to message each other in realtime, see when other users are online, and be notified of new messages. In part three, implement live chat and sentiment analysis.

16 minute read

Follow tutorial

Build a chat app in Flask and Vue with sentiment analysis - Part 2: Building the chat interface

This four part series takes you through building a chat app using Flask and Vue. Users will be able to message each other in realtime, see when other users are online, and be notified of new messages. In part two, build the chat interface.

13 minute read

Follow tutorial

Build a chat app in Flask and Vue with sentiment analysis - Part 1: Setting up the project

This four part series takes you through building a chat app using Flask and Vue. Users will be able to message each other in realtime, see when other users are online, and be notified of new messages. In part one, install dependencies and set up the project.

6 minute read

Follow tutorial

Build a live leaderboard with Preact

Use Preact and Node to build a simple game with a live leaderboard. Users will be able to play a game of chance against the computer, with their scores appearing and updating in realtime.

8 minute read

Follow tutorial

Create a live workout tracking app with React Native

This tutorial takes you through building a workout tracking app in React Native, with a Node backend. Users will be able to log and share their exercise updates and follow each other's progress. New workout logs are shared in realtime.

25 minute read

Follow tutorial

Creating a photo sharing app with React Native

Use React Native, Node.js and Imgur to create a photo sharing app. Users will be able to follow their friends and share their own photos with their followers. New photos will be published and shared in realtime.

19 minute read

Follow tutorial

Building a chatbot for Android with Kotlin and Dialogflow

Build on an existing Kotlin Android chat app to create a chatbot feature. Use Dialogflow to generate the chatbot, with calls to other APIs to implement the desired chat features. You will use Gradle and Kotlin for the backend. Messages are sent and received in realtime.

11 minute read

Follow tutorial

Build a chat app with Go

This brief tutorial helps you create a simple chat application. You will build the backend in Go, and the frontend in vanilla JavaScript. Users will be able to message in realtime.

9 minute read

Follow tutorial

Build a chat app with Ionic featuring sentiment analysis

Build a chat app for mobile using Ionic and Cordova. Code with TypeScript, targeting mobile devices. Use Node for the backend. Implement sentiment analysis to provide emoji suggestions.

16 minute read

Follow tutorial

Add realtime comments to a Gatsby blog

Build a simple blog with a live commenting feature. Use Gatsby, the React-based static site generator, to create the blog. Add realtime comments functionality using Node and Express.

15 minute read

Follow tutorial

Build a chat app using Ember.js

Build a chat app with Ember.js. The app features emoji suggestions with sentiment analysis. It provides a realtime messaging experience.

13 minute read

Follow tutorial

Build a live comments feature with Ember.js

Build a comments system using Ember.js and Node.js. Users will be able to post comments and see other comments in realtime. Emojis are automatically added using sentiment analysis.

9 minute read

Follow tutorial

Build a chat app in the terminal using Python

Build a chat app with Python that allows users to log in and chat from within a terminal. Use Pusher Channels to subscribe to Pusher events on the backend.

9 minute read

Follow tutorial

Create a live blog app using Ruby on Rails

Build a simple blog app with realtime post updates. Host images with Cloudinary and display new posts instantly.

9 minute read

Follow tutorial

Build a comments app with Ruby on Rails

This short tutorial demonstrates how to integrate realtime updates into a Ruby on Rails application. You will create a simple comments interface. Users will be able to add comments, and see comments appear for all users instantly.

7 minute read

Follow tutorial