Pusher
Back to all tutorials176 tutorials tagged with Node.js

How to build a multiplayer game with online friends list and live chat | Pusher Channels and Unity

Pusher Channels will provide user-specific presence functionality and a realtime chat feature, so players can keep track of friends who are online and active in gameplay. This demo can be used as a base for more complex, player-centric, realtime experience.

C#
Chat
Node.js
...

18 minute read

Follow tutorial

Build a chat app for a live event with Node.js, MySQL and Pusher Channels Part 2: Adding chat functionality and admin dashboard

This tutorial explains how to add chat functionality and a dashboard to your live event chat. Use Pusher Channels for a safer and more enjoyable chat experience. The backend is built with NodeJS and Express, with JavaScript for the frontend and Pusher Channels.

Node.js
User authentication
Chat

20 minute read

Follow tutorial

Build a chat app for a live event with Node.js, MySQL and Pusher Channels Part 1: Building the login page

This tutorial explains how to build a simple chat room featured alongside a live event. Use Pusher Channels for a safer and more enjoyable chat experience.

Node.js
Express
User authentication
...

10 minute read

Follow tutorial

Re-engage offline users with notification fallbacks Part 1: Build authentication with GitHub SSO

This tutorial will teach you how to use the publish with info API extension to determine when a user is offline, and then easily fallback to notifications via Beams so that they are kept up to date and you can bring them back to your app.

JavaScript
HTML
Node.js
...

9 minute read

Follow tutorial

Re-engage offline users with notification fallbacks Part 2: Subscribe to private channels through authentication endpoints

This part of the tutorial series will teach you how to add Channels capability to your app. You will learn how to set up an authentication endpoint to run on your server that will allow your app to subscribe to a private-channel.

JavaScript
HTML
Node.js
...

6 minute read

Follow tutorial

Re-engage offline users with notification fallbacks Part 3: Receiving Beams notifications

This part of the tutorial series will teach you to re-engage users when they are not actively connected to Channels. By the end of this section you will be able to receive web push notifications by associating your GitHub User ID using Beams authenticated users.

JavaScript
HTML
Node.js
...

14 minute read

Follow tutorial

Create a realtime results feed with React and Node.js

In this tutorial we’ll show you how you can deliver engaging live data updates to your own users by building a dynamic realtime results app using Channels (and add some bonus features using Beams, our comprehensive push notifications API).

Node.js
React
JavaScript

9 minute read

Follow tutorial

Create a food ordering app in React Native - Part 2: Adding the driver app and chat functionality

Food ordering apps such as Uber Eats and FoodPanda are a popular way to order from your favorite local restaurant. In this tutorial series, create both the food ordering app and the driving app using React Native. In part 2, create the driver app and implement a chat functionality between the customer and the driver.

Android
JavaScript
Maps
...

21 minute read

Follow tutorial

Create a food ordering app in React Native - Part 3: Adding push notifications

Food ordering apps such as Uber Eats and FoodPanda are a popular way to order from your favorite local restaurant. In this tutorial series, create both the food ordering app and the driving app using React Native. In the third and final part, add push notifications to inform both the customer and the driver of various events throughout the ordering process.

Android
Chat
JavaScript
...

14 minute read

Follow tutorial

Building a Spotify-like currently playing feature: Part 2 - Building the iOS player

When using music streaming services like Spotify, you can see realtime technology in action when you are using multiple devices. On the other devices, you can see how much playtime has elapsed. This three-part tutorial series looks at how to integrate this feature into your application. In the second part, add realtime functionality to a prebuilt iOS client application.

Node.js
JavaScript
iOS
...

6 minute read

Follow tutorial

Building a Spotify-like currently playing feature: Part 1 - Building the web API

When using music streaming services like Spotify, you can see realtime technology in action when you are using multiple devices. On the other devices, you can see how much playtime has elapsed. This three-part tutorial series looks at how to integrate this feature into your application. In the first part, build the web API.

iOS
Node.js
JavaScript
...

4 minute read

Follow tutorial

Create a food ordering app in React Native - Part 1: Making an order

Food ordering apps such as UberEats and FoodPanda are a popular way to order from your favorite local restaurant. In this tutorial series, create both the food ordering app and the driving app. In part 1, create a simplified food ordering app using React Native.

Android
JavaScript
Maps
...

22 minute read

Follow tutorial

Creating a server health monitoring app with Laravel

In this tutorial, create a web app for monitoring the status of your servers in realtime using Laravel. The app will offer realtime monitoring of disk, CPU and memory. You can also add custom notifications and have the server send you a text message when the CPU usage goes above a set threshold.

HTML
JavaScript
Laravel
...

21 minute read

Follow tutorial

Create a facial recognition attendance app in React Native

In this tutorial, implement an app that uses facial recognition to identify people and verify that a student has indeed attended a class. You'll learn how to use Microsoft Cognitive Services, and specifically how to use React Native Camera and convert its response to a format that can be understood by the API.

JavaScript
React Native
Node.js

12 minute read

Follow tutorial

Lazy loading in Angular 7

This tutorial will explore how lazy loading is handled by Angular and the reasoning behind it with practical illustrations. Big projects with different nests of components will load faster and be more resource efficient with lazy loading, which this tutorial will demonstrate.

Angular
TypeScript
Node.js

6 minute read

Follow tutorial

How to build a serverless mobile app with React Native and AWS Amplify

This tutorial is a step-by-step guide to connect AWS Amplify and AWS AppSync services with your React Native application. Build a cross-platform mobile app by integrating frameworks like React Native and Expo CLI, with services AWS AppSync and Amplify.

React Native
Node.js
JavaScript
...

13 minute read

Follow tutorial

Introduction to error handling in Angular 7: Part 4 - Rollbar

This tutorial series will introduce you to errors in Angular 7. In this final part, part four, learn about errors tracking in Angular 7 using the errorHandler class and Rollbar. Rollbar is one of the best error tracking services around for web applications.

Angular
CSS
HTML
...

7 minute read

Follow tutorial

Introduction to error handling in Angular 7: Part 3 - Sentry

This tutorial series will introduce you to errors in Angular 7. In part three, learn about errors tracking in Angular 7 using the errorHandler class and Sentry, and how to track these errors in a remote tracking environment.

Angular
CSS
HTML
...

7 minute read

Follow tutorial

Introduction to error handling in Angular 7: Part 2 - HTTP error handling

This tutorial series will introduce you to errors in JavaScript. In part two, learn about HTTP errors, how to use the `HttpClient` with RxJS error handling operators, and how to use interceptors.

Angular
CSS
HTML
...

7 minute read

Follow tutorial

A guide to lifecycle hooks in Angular

Angular is a TypeScript framework which empowers developers to build applications that live on the web, mobile, or the desktop. In this tutorial you will learn about all the hooks available for use in your Angular workflow for building awesome applications.

Angular
HTML
TypeScript
...

9 minute read

Follow tutorial

Logo

Products

Developers

Company

Legal

  • Twitter
  • Youtube
  • LinkedIn
  • Github
  • Twitch
  • Discord

© 2023 Pusher Ltd. All rights reserved.
Pusher Limited is a company registered in England and Wales (No. 07489873) whose registered office is at Eighth Floor 6 New Street Square, New Fetter Lane, London, England, EC4A 3AQ.