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.
Follow tutorial
Pusher APIs make it simple to add realtime features to your applications, fast. We have hundreds of tutorials, written by our experts, to get you up and running!
Search to find your feature in our collection, or check out the subject list below for inspiration on what you can build using Pusher.
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.
Follow tutorial
Build a simple markdown editor using Vue and Node. Users will be able to write in markdown and see their text update in realtime in a preview field. Multiple users can collaborate on the same document simultaneously, with realtime updates between users.
Follow tutorial
This six part tutorial series will guide you through building a CMS using Laravel and Vue.js. The final product will include authentication, user roles, post creation and editing, and a realtime comments feature. In part six, add support for comments, including realtime updates.
Follow tutorial
This tutorial shows how to implement online presence and realtime updates in a Laravel application. You will use Laravel, Vue, and SQLite to build a simple app where users can log in and post statuses. Posts will appear in realtime, and users' online presence will be reported.
Follow tutorial
This short tutorial will show you how to build a simple live search feature using Laravel, Vue.js and SQLite. Users will see results being filtered and returned as they type.
Follow tutorial
This brief tutorial will show you how to build a live news feed app using React and Node.js. You will integrate NewAPI to allow users to receive a news feed on a given topic (this example uses Bitcoin articles).
Follow tutorial
Build an Android app featuring realtime stock price updates and push notifications. You will use Kotlin to build a native app, and Node.js to create the backend. Users will be able to choose which stocks to track.
Follow tutorial
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.
Follow tutorial
This tutorial shows how to build a simple online presence counter using Symfony. You will create a basic web page with a counter that updates in realtime as users navigate to and from the page.
Follow tutorial
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.
Follow tutorial
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.
Follow tutorial
In this short tutorial, create a live photo feed using Node, React and Cloudinary. Upload and publish photos in realtime.
Follow tutorial
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.
Follow tutorial
This tutorial will show you how to build an iOS app that tracks stock prices. It features realtime updates and push notifications. You will build the frontend app in Swift, and the backend in Node.js.
Follow tutorial
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.
Follow tutorial
This tutorial will show you how to create a live dashboard to output Laravel logging. You will take an existing app and extend it, modifying the logging outputs and adding new logging.
Follow tutorial
Build a simple web app in Vue that takes input from a webcam and can learn to recognize emotions. Implement machine learning with Tensorflow in the browser, and create a basic Node backend to support realtime functionality.
Follow tutorial
In this short tutorial, create a simple live graph using D3.js. A basic Node backend sends data to a D3 bar graph, which updates live as new data is received.
Follow tutorial
Build a chatbot using Preact and Wit.ai, with a Node.js backend. Create custom entities, and implement realtime functionality to allow users to interact with the bot instantly.
Follow tutorial
In this tutorial you will create a simple blog using serverless architecture for the backend, specifically Kubeless. You will add basic blogging functionality, including realtime post publishing. You will use React for your frontend.
Follow tutorial