Search all Pusher content

Chris Nwamba (Guest Author)

Chris is a JavaScript preacher. He also strives to make something out of other languages. Tech Writer. Dev Evangelist. Speaker.

100 posts from Chris Nwamba
tutorials

Build a live chat widget with Ruby and PostgreSQL

Build a chat widget and admin dashboard using Ruby on Rails and PostgreSQL. The application provides the basic functiona...

Chat
Ruby
Ruby on Rails
...
Follow tutorial
blog

Component error handling in React using Error Boundaries

In this tutorial, we will handle Component Error in React using Error Boundaries. Before React 16, errors emitted from a...

javascript
react
Tutorial
Read blog post
blog

Realtime error reporting and logs in JavaScript

The most common ways to achieve realtime error reporting are monitoring and notifications. This article explains how to ...

javascript
Tutorial
Guest Posts
Read blog post
tutorials

Build a voting system with Ember.js

Build a polling app using Ember.js and Node.js. Users will be able to vote for which football team has the best supporte...

Ember.js
JavaScript
Live polls
...
Follow tutorial
tutorials

Build a live markdown editor with VueJS

Build a simple markdown editor using Vue and Node. Users will be able to write in markdown and see their text update in ...

Collaboration
JavaScript
Vue.js
...
Follow tutorial
tutorials

Build a live voting app with Ionic

Build a live voting app using Ionic, with a Node backend. The app replicates the behaviour of a Twitter poll: users can ...

Angular
Cordova
Data visualization
...
Follow tutorial
blog

Build a realtime app with Adonis and Pusher

In this tutorial discover interesting features of Adonis by building an app that pushes realtime messages to all connect...

adonis
nodejs
realtime
...
Read blog post
blog

Getting started with REST in Kotlin using Spring Boot

This article is aimed at showing you how to build backend RESTful APIs in Kotlin using Spring Boot that your client apps...

android
kotlin
restful API
...
Read blog post
blog

Build REST APIs in Adonis 4.0

In this tutorial, we are focused to build a RESTful app using Adonis 4.0, an open source Node.js web framework focused o...

adonis
REST API
Tutorial
Read blog post
blog

Building a realtime payment dashboard with Stripe and Pusher

In this tutorial, learn how to build a realtime payment dashboard using Stripe, Pusher, Vue.js and Node.js....

payments
vuejs
Tutorial
Read blog post
tutorials

Implement geofencing in Ionic

Build a geofencing app for mobile using Ionic and Google Maps. Ionic is an open source SDK for developing native web app...

Angular
Cordova
JavaScript
...
Follow tutorial
blog

Demystifying page transitions with Nuxt

In this post, I’ll show you the basics of working with Nuxt.js, as well as how to create awesome transitions when buildi...

javascript
nuxtjs
vuejs
...
Read blog post
tutorials

Calendar event scheduling in Vue

Build a calendar using Vue.js, with a Node.js backend. Users are able to add events to the calendar, with all instances ...

JavaScript
Node.js
Vue.js
...
Follow tutorial
blog

How the new Vue CLI simplifies development

A quick overview of the best new functionality in the updated Vue CLI command line interface that simplifies development...

javascript
vuejs
Guest Posts
...
Read blog post
blog

Complete guide to form validation in Vue

Learn how to validate basic HTML form controls, render errors messages and create custom form validation rules with VeeV...

form validation
vuejs
Tutorial
Read blog post
blog

Realtime Vue photo uploads for your gallery

When your app offers photo uploads or social sharing features, realtime notifications could be vital. In this tutorial, ...

cloudinary
Tutorial
Read blog post
blog

Getting started with Framework 7: An HTML framework for building mobile apps

This tutorial introduces Framework 7, an open source mobile HTML framework. It walks you through installing the framewor...

javascript
mobile
Tutorial
Read blog post
blog

How to build an electronic realtime poll in 5 steps

This blog post was written under the Pusher Guest Writer program. An electronic poll simplifies the way polls are carrie...

javascript
nodejs
Tutorial
Read blog post
blog

Code splitting with webpack dynamic import in React

This post is a practical approach to the concept of code splitting in frontend apps with React. We will learn why the co...

code splitting
react
webpack
...
Read blog post
blog

Metalsmith static blog with realtime comment features

Sometime, somehow we have wanted to put up a Metalsmith static blog and host it somewhere quickly, no frameworks, no “20...

live comments
Tutorial
Read blog post
blog

Making ReactJS Realtime With Websockets

In this tutorial, I will be showing you how to build a chat application using ReactJS and Pusher. T...

flux
react
reactjs
...
Read blog post
tutorials

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 blo...

JavaScript
Live comments
React
...
Follow tutorial
tutorials

Build a collaborative text editor with Gatsby and Draft.js

Build a collaborative text editor using Gatsby. Implement realtime functionality to allow multiple people to work on the...

Collaboration
JavaScript
React
...
Follow tutorial
blog

Building a realtime trade platform using JavaScript and Pusher

Stock market data becomes more valuable as it essentially delivers an opportunity for traders who seek analysis and stat...

javascript
realtime chart
realtime graph
...
Read blog post
tutorials

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 s...

JavaScript
Live comments
Ruby
...
Follow tutorial
tutorials

Making React realtime with websockets

Build a chat application using React and Pusher....

React
JavaScript
Chat
...
Follow tutorial
blog

Getting started with Reason React and BuckleScript

This tutorial introduces Reason, Reason React and Bucklescript. It provides an overview of the technologies and an intro...

javascript
react
Tutorial
Read blog post
blog

Build a realtime food delivery PWA using Vue.js and Pusher

In this tutorial, we will learn how to build a realtime delivery tracking PWA using Vue.js, Pusher, Progressbar.js, and ...

delivery app
pwa
vuejs
...
Read blog post
tutorials

Build a realtime poll using Angular

Build a polling application in Angular. Use Chart.js to visualize voting results in realtime....

Angular
Data visualization
JavaScript
...
Follow tutorial
tutorials

Build a geofencing web app using Nest.js and the Google Maps API

Build a web app using Nest.js and the Google Maps API. The app allows you to select a user and center on their location,...

JavaScript
Maps
Location
...
Follow tutorial
tutorials

Add live comments in Gatsby

Build a simple website with Gatsby and React featuring realtime comments. Create a football blog, where users can post c...

JavaScript
Live comments
React
...
Follow tutorial
tutorials

Build live comments with sentiment analysis using Nest.js

Learn to build a live comments application using Nest.js, featuring sentiment analysis. Use the sentiment analysis to me...

Chat
JavaScript
Live comments
...
Follow tutorial
tutorials

Build a polling app with Ruby on Rails and PostgreSQL

Build a web app with Ruby on Rails, featuring a live poll and chart. User responses are communicated instantly, with the...

Data visualization
Live polls
Realtime Chart
...
Follow tutorial
tutorials

Build a realtime table with Android

In this tutorial, build a simple live table for Android devices with Java....

Android
Java
JavaScript
...
Follow tutorial
blog

React vs ReasonReact

This short article looks at ReasonReact. This is a library that provides Reason bindings for ReactJS. Take a quick look ...

javascript
react
Tutorial
Read blog post
tutorials

Build a chat app using Framework7

Build a chat app for iOS and Android using Framework7 and Vue.js, with a simple Node.js backend. Framework7 is a free an...

Android
Chat
iOS
...
Follow tutorial
tutorials

Authentication in Vue using Vuex

Learn how to implement authentication in a Vue app with Vuex and a Node backend. Create a simple demo with a login page ...

JavaScript
Node.js
Vue.js
...
Follow tutorial
blog

Realtime features in Nest.js under 5 minutes with Pusher

In this article, I will show you how to simply add realtime functionality to a Nest.js application by leveraging the pow...

javascript
realtime
websockets
...
Read blog post
tutorials

Build a food ordering app using Vue and Africa’s Talking

A tutorial showing how to build a USSD food ordering app using Vue.js and Africa's Talking....

Vue.js
JavaScript
HTML
...
Follow tutorial
blog

The 6 coolest React VR projects

Discover the list of the top 6 interesting React VR projects by Chris Nwamba....

react
react vr
reactjs
...
Read blog post
tutorials

Build a realtime table with DataTables

In this tutorial, build an app that handles large quantities of data and display it in a realtime table using JavaScript...

JavaScript
jQuery
Channels
Follow tutorial
tutorials

Build a realtime payment dashboard with Stripe

Build a live admin dashboard with Vue.js and Node.js, accepting payments through Stripe....

Vue.js
JavaScript
Node.js
...
Follow tutorial
blog

Testing SEO in React apps using Fetch as Google

Learn how to quickly test the SEO performance of your React apps using Fetch as Google. This tutorial provides a sample ...

javascript
react
Tutorial
Read blog post
tutorials

Create a live comments feature with Ionic

Build a mobile app feature with Ionic, allowing users to add comments to a post, and see updates in realtime. The app fe...

Angular
Cordova
JavaScript
...
Follow tutorial
tutorials

Build a collaborative painting application with Angular

Learn to build a collaborative painting application using Angular. Create a web app where two users can paint together, ...

Angular
Collaboration
JavaScript
...
Follow tutorial
tutorials

Build a live paint application with React

Learn to build a collaborative painting application with React and Node.js. Users are able to work together on the same ...

Collaboration
JavaScript
Node.js
...
Follow tutorial
blog

Implicit routing and server rendering for React apps using Next.js

This brief tutorial explains the advantages of server-side rendering for web apps. It demonstrates how to achieve this i...

javascript
react
Tutorial
Read blog post
blog

Getting started with StencilJS

In this article, we will familiarize ourselves with the basics of Stencil, a new compiler which creates native web compo...

stenciljs
Tutorial
Read blog post
tutorials

Build a geofencing web app using Next.js

Learn to build a web app with Next.js and React featuring geofencing functionality. Track the location of nearby friends...

JavaScript
Location
React
...
Follow tutorial
tutorials

Build a polling web app with Next.js

Build a voting webapp using Next.js. Users can vote for their favorite pet, and the results are displayed in realtime on...

JavaScript
Realtime Chart
Realtime Graph
...
Follow tutorial
tutorials

Build a simple social network with Kotlin

Social feed have become a major feature of many apps and websites. Learn how to build one with Kotlin and Node.js....

Kotlin
Android
JavaScript
...
Follow tutorial
tutorials

Build a data visualization using Angular and Chart.js

Build a live poll of user ages, with Angular, Node, Express and Chart.js....

Angular
Data visualization
JavaScript
...
Follow tutorial
tutorials

Build a chat app with sentiment analysis using Next.js

Use Next.js to build a chat app featuring sentiment analysis to track users' moods....

JavaScript
Online Presence
Social
...
Follow tutorial
tutorials

Build a realtime app with Adonis

This tutorial will explore Adonis. You will build an app that pushes realtime messages to all connected clients using Pu...

JavaScript
Node.js
Social
...
Follow tutorial
tutorials

Build a chat app with sentiment analysis using Nest.js

Learn to build a chat app with Nest.js. Add a fun element with sentiment analysis, automatically attaching emoticons bas...

Chat
JavaScript
Nest.js
...
Follow tutorial
tutorials

Implicit serverside rendering in Vue using Nuxt

This tutorial compares building a web app with Vue using Nuxt versus using plain Vue. It looks at accessibility issues, ...

Vue.js
JavaScript
Nuxt
...
Follow tutorial
blog

Build a simple social network with Kotlin

Build a basic social sharing updates with Kotlin, Node.js and Pusher for the realtime features....

android
kotlin
Tutorial
Read blog post
tutorials

Build a live poll using Node.js

Make a simple realtime poll app with Pusher Channels and JavaScript in 5 steps....

Live polls
Node.js
JavaScript
...
Follow tutorial
tutorials

Build a live graph with Ember.js

Build a live interactive graph using Ember.js and Node.js. Users will be able to view the graph, watch it update in real...

Data visualization
Ember.js
JavaScript
...
Follow tutorial
tutorials

Build a live comments app with Ruby on Rails and PostgreSQL

Build a social commenting application using Ruby on Rails and PostgreSQL. App users can leave comments on a sample post,...

Live comments
Ruby
Ruby on Rails
...
Follow tutorial
tutorials

Build a collaborative painting app using Vue.js

Build a collaborative painting app using Vue.js. Two users can work together on one drawing, seeing each other's changes...

JavaScript
Node.js
Social
...
Follow tutorial
tutorials

Track online presence in a Ruby on Rails app

Build a Ruby app that tracks which users are online. You will create a simple app, with signup and login functionality. ...

Online Presence
Ruby
Ruby on Rails
...
Follow tutorial
tutorials

Build a realtime Instagram clone — Part 1: Setting up the project and creating the UI

This four-part series takes you through building an Instagram clone using Node and React. In part one, set up your proje...

JavaScript
React
Node.js
...
Follow tutorial
blog

From JavaScript Promises to Async/Await: why bother?

This article examines Promises and async/await in JavaScript. It explains the benefits of async and await, and the value...

async
await
javascript
...
Read blog post
tutorials

Build a live poll app with Ionic

Use Ionic to create a live poll application for mobile. The app features a Node.js backend. It allows users to vote on t...

Angular
JavaScript
Live polls
...
Follow tutorial
tutorials

Build a photo sharing app with Ruby on Rails and Cloudinary

Build a simple photo sharing app using Ruby and Cloudinary. Users will be able to upload and caption photos, and receive...

JavaScript
Ruby
Ruby on Rails
...
Follow tutorial
tutorials

Build a realtime table with DataTables and Nest.js

Use Nest.js and DataTables to create a searchable employee list interface....

Collaboration
JavaScript
Nest.js
...
Follow tutorial
blog

Time slice and Suspense API: What’s coming in React 17?

An overview of two new pieces of functionality in React 17: time slice and suspense. These are intended to improve perfo...

javascript
react
react 17
...
Read blog post
tutorials

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 messa...

Ember.js
JavaScript
Node.js
...
Follow tutorial
tutorials

Build a realtime table with Next.js

Use Next.js, React Table and Pusher to create a movie review site, updated in realtime as users post reviews....

JavaScript
Social
Channels
Follow tutorial
tutorials

Create a realtime graph using Nest.js

Build a web app that tracks votes in realtime using Nest.js and Canvas.js....

Data visualization
JavaScript
Live polls
...
Follow tutorial
tutorials

Build a geofencing web app using Ember

Build a web app using Ember.js and Google Maps, with Node for the backend. Users are able to check in, submitting their ...

Ember.js
JavaScript
Location
...
Follow tutorial
tutorials

Build a realtime Instagram clone — Part 4: Going offline with service workers

This four-part series takes you through building an Instagram clone using Node and React. In part four, implement offlin...

JavaScript
Node.js
React
...
Follow tutorial
blog

Reason vs JavaScript

This article examines a new web framework, Reason. It compares it to vanilla JavaScript, examining factors including too...

javascript
Tutorial
Read blog post
tutorials

Build a social feed with Ruby on Rails and PostgreSQL

This tutorial will show you how to create a simple social media feed using Ruby on Rails. Users will be able to make pos...

Feeds
JavaScript
Ruby
...
Follow tutorial
tutorials

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 ba...

Angular
JavaScript
Social
...
Follow tutorial
tutorials

Build a location feed app for Android with Kotlin

This tutorial shows you how to build a location-sharing app for Android using Kotlin. The app has a Node.js backend. Use...

Android
Feeds
Kotlin
...
Follow tutorial
blog

Working with the new React Context API

Discover the new React Context API. See how it compares to the old version, and learn how to use it to share values with...

javascript
react
Tutorial
Read blog post
tutorials

Build a geofencing web app using Angular

Learn to build a web app with Angular and Node featuring geofencing functionality. Track whether guests are within your ...

Angular
JavaScript
Location
...
Follow tutorial
blog

How to build a realtime table with DataTables

In this tutorial, we will be building an app that handles large quantities of data and displays it in a realtime table u...

javascript
jquery
realtime data
...
Read blog post
tutorials

Realtime data visualization using Next.js and Chart.js

Use Next.js and Chart.js to build a web app that receives user votes, presents the results as a graph, and updates the g...

Data visualization
JavaScript
Live polls
...
Follow tutorial
tutorials

Build a realtime comments feature with Nest.js

Leverage from the power of Next.js and TypeScript and build a live comments feature into your application....

Live comments
TypeScript
Collaboration
...
Follow tutorial
tutorials

Build a group chat app with Angular and Dialogflow

Build an Angular group chat app, and integrate a chatbot using Dialogflow. Users will be able to talk to each other, or ...

Angular
Chat
JavaScript
...
Follow tutorial
tutorials

Making Angular 5 realtime with WebSockets

Build an app with realtime features in Angular 5 and Pusher....

Angular
TypeScript
JavaScript
...
Follow tutorial
tutorials

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 realti...

Ember.js
JavaScript
Live comments
...
Follow tutorial
tutorials

Build a realtime table with Angular

Create an Angular web app featuring a table interface that updates in realtime to reflect changes in the database....

Angular
JavaScript
Node.js
...
Follow tutorial
tutorials

Build a realtime table with Ruby on Rails and PostgreSQL

Build a Ruby on Rails application that monitors a PostegreSQL database and automatically updates in response to changes....

JavaScript
Ruby
Ruby on Rails
...
Follow tutorial
tutorials

Build a comments widget with sentiment analysis using Next.js

Learn to build a comments widget with Next.js. Use sentiment analysis to gauge the mood of the comments and automaticall...

Chat
JavaScript
Node.js
...
Follow tutorial
tutorials

Build a realtime PWA using Vue.js

Build a food delivery tracking progressive web application (PWA) with Vue.js....

Vue.js
JavaScript
HTML
...
Follow tutorial
tutorials

Build a trade platform using JavaScript

In this tutorial we will be building a trade platform that portrays the experience for stock markets using Vanilla JavaS...

Realtime Graph
Data visualization
Realtime Chart
...
Follow tutorial
tutorials

Build a chat app with Ruby on Rails

Learn to build a chat app using Ruby on Rails, CoffeeScript and PostgreSQL. Create a simple instant messenger app....

Ruby
Ruby on Rails
Social
...
Follow tutorial
blog

Building a realtime score board component with StencilJS and Pusher

In this tutorial, discover how to build a live score board component with StencilJS and Pusher....

javascript
score board
stenciljs
...
Read blog post
tutorials

Emoji suggestions in an Angular chat application using sentiment analysis

Build a chat app in Angular. The app features emoji suggestions (as suggested responses) based on the users' moods. The ...

Angular
Chat
JavaScript
...
Follow tutorial
tutorials

Build a location sharing app with Ruby on Rails and the Google Maps API

Build a location sharing web app using Ruby on Rails and the Google Maps API. Get your location, generate a link to shar...

Location
Maps
Ruby
...
Follow tutorial
tutorials

Live comments and ratings using sentiment analysis and Angular

Learn to build a live comments application using Angular, featuring sentiment analysis. Use the sentiment analysis to me...

Angular
JavaScript
Live comments
...
Follow tutorial
blog

Building a realtime table with Android and Pusher

In this tutorial, we will be utilizing the Pusher Android SDK's client-side library to quickly and easily build a realti...

android
java
realtime
...
Read blog post
blog

Getting started with PWA using Vue

This tutorial shows and explains a hands-on experience on how to build a Progressive Web App using Vue from scratch. We ...

pwa
vuejs
Tutorial
Read blog post
tutorials

Build a realtime Instagram clone — Part 2: Connecting the UI with GraphQL data

This four-part series takes you through building an Instagram clone using Node and React. In part two, connect your UI a...

JavaScript
Node.js
React
...
Follow tutorial
tutorials

Build a photo feed using Vue.js

Build a photo feed with Vue.js, Node.js, Pusher, and Cloudinary....

Feeds
Social
Vue.js
...
Follow tutorial
tutorials

Build a realtime Instagram clone — Part 3: Realtime feed updates with Pusher and desktop notifications

This four-part series takes you through building an Instagram clone using Node and React. In part three, implement realt...

JavaScript
Node.js
React
...
Follow tutorial