Build a WhatsApp clone with Meteor and Ionic — Meteor Platform version

Uri GoldshteinFriday, Oct 16th 2015

Looking for experts? We offer consulting and trainings.
Explore our services and get in touch.

For the newer, Angular 2 version post, click here (opens in a new tab)…

Now that Angular is a first class citizen in Meteor (opens in a new tab), you can use all of its vast libraries, giving you full access to the Angular ecosystem.

Also, Ionic recently added official support for Meteor's packaging system (opens in a new tab), and now their package is available on Atmosphere (opens in a new tab).

In this tutorial, we will build a WhatsApp clone using Meteor, Angular, and the Ionic Framework for CSS and mobile components. I've also released a clone of this tutorial on the Ionic Blog that uses the Ionic CLI instead of the Meteor build system.

It's a good resource for people who want to use Meteor for their backend and Meteor's client side libraries in a separate front end application, also a good migration strategy.

If you are using Blaze, you can still use Ionic's CSS libraries or the Meteoric package (opens in a new tab).

Contents:

Installing the platform and creating a base app
WhatsApp views with static data
Create the server and share data with the client
Chat view and send messages
Users and (SMS) authentication
Create and remove chats
Privacy and publish/subscribe
Step 8 — User profile picture
Send image messages

Start here (opens in a new tab).

GraphQL as a best practice for modern Angular apps?contact

Join our newsletter

Want to hear from us when there's something new? Sign up and stay up to date!

By subscribing, you agree with Revue’s Terms of Service and Privacy Policy.

Recent issues of our newsletter

WhatsApp Clone - Angular, GraphQL, Apollo, TypeScript and PostgreSQL

An open-source full-stack example app made with Angular 7.2, TypeScript, GraphQL Subscriptions, GraphQL Code Generator, GraphQL Modules, PostgreSQL and TypeORM.

Niccolo Belli • Feb 25th 2019