Build a chat app with Angular
Build a basic chat web application using Angular, a popular Javascript framework and enable realtime functions.
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.
Build a basic chat web application using Angular, a popular Javascript framework and enable realtime functions.
Follow tutorial
Build a realtime map using Laravel and keep it updated live with new coordinates.
Follow tutorial
Build a photo feed that will display any images it receives in realtime.
Follow tutorial
Build an online Battleship game with Angular and use Pusher's realtime API to enable two players to play against each other.
Follow tutorial
Build an app with realtime features in Angular 5 and Pusher.
Follow tutorial
Create an Angular web app featuring a table interface that updates in realtime to reflect changes in the database.
Follow tutorial
Build a polling application in Angular. Use Chart.js to visualize voting results in realtime.
Follow tutorial
Learn to build a live comments application using Angular, featuring sentiment analysis. Use the sentiment analysis to measure whether comments are positive or negative, and display this information on an admin panel.
Follow tutorial
Build a chat app in Angular. The app features emoji suggestions (as suggested responses) based on the users' moods. The mood is evaluated using the sentiment analysis library.
Follow tutorial
Build a live poll of user ages, with Angular, Node, Express and Chart.js.
Follow tutorial
Learn to build a web app with Angular and Node featuring geofencing functionality. Track whether guests are within your hotel limits or not.
Follow tutorial
Learn to build a collaborative painting application using Angular. Create a web app where two users can paint together, seeing each other's actions in realtime.
Follow tutorial
Build an Angular group chat app, and integrate a chatbot using Dialogflow. Users will be able to talk to each other, or to the bot.
Follow tutorial
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.
Follow tutorial
Use Ionic to create a live poll application for mobile. The app features a Node.js backend. It allows users to vote on their favorite premier league player, and see other users' votes displayed in realtime.
Follow tutorial
Build a geofencing app for mobile using Ionic and Google Maps. Ionic is an open source SDK for developing native web apps. Admin users will be notified when a user exits a defined area.
Follow tutorial
Build a live voting app using Ionic, with a Node backend. The app replicates the behaviour of a Twitter poll: users can vote for who they expect to win the World Cup.
Follow tutorial
Build a mobile app feature with Ionic, allowing users to add comments to a post, and see updates in realtime. The app features sentiment analysis, adding upvotes (or downvotes) to the post, depending on the language of the comments.
Follow tutorial
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.
Follow tutorial
Build a live activity feed, suitable for use with a blogging application or news site. Use Node for the backend, and Angular 7 to build the frontend. Users can add posts, and see the feed update in realtime.
Follow tutorial
Build infinite virtual scrolling lists using the Angular 7 CDK. This tutorial will introduce you to the Angular Component Development Kit, some best practices for building using the CDK, and guide you through building a basic and a more advanced example.
Follow tutorial
Use Angular 7, Node and Channels to build a live subscription countdown. The app features two interfaces: a signup dashboard, and a countdown view, showing how many places are left. The count decreases by one with every signup.
Follow tutorial
This tutorial series will introduce you to errors in JavaScript and the try-catch concept. In part one, learn how the concept is used, and how to handle internal errors in Angular with the Angular errorHandler, with a focus on client side JavaScript errors.
Follow tutorial
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.
Follow tutorial
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.
Follow tutorial
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.
Follow tutorial
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.
Follow tutorial
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.
Follow tutorial