Build a WhatsApp clone with Meteor and Ionic — Meteor Platform version
For the newer, Angular 2 version post, click here…
Now that Angular is a first class citizen in Meteor, 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, and now their package is available on Atmosphere.
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.
- 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
Join our newsletter
Want to hear from us when there's something new? Sign up and stay up to date!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.
WhatsApp Clone - GraphQL, Apollo, TypeScript and PostgreSQL
Fully functional WhatsApp Clone using React (Hooks+Suspense), GraphQL, Apollo, TypeScript and PostgreSQL
React Native and Meteor backend w/o any 3rd party library in 2018
Introduction to new features of client bundler and React Native Meteor Polyfills including OAuth and persistent login session support etc.
Meteor with Webpack — Faster compilation and better source handling
Faster compilation and better source handling. Meteor-Webpack is here as a solution to this kind of problems and lack of features in Meteor's bundler