Ionic2-MeteorCLI-WhatsApp
Ionic2-MeteorCLI-WhatsApp copied to clipboard
WhatsApp Clone tutorial with Ionic 2.0 and Meteor CLI
How to build a Whatsapp-clone using Ionic 2 and Meteor CLI
Facing your next mobile app project, you want to choose the best solutions to start fast while also solutions that will stay relevant when your project grows and scales.
The two companies that took the concept of creating a platform with a complete set of tools for your development needs and not just another framework to the furthest are Meteor
and Ionic
.
Ionic - Ionic has become one of the most popular solutions to develop hybrid mobile apps fast across different platform.
The Ionic
platform includes solutions for prototyping, build, testing, deploying apps, a market of starter apps, plugins and themes, CLI integration and push notifications service. (Further writing by an Ionic person)
Meteor - But your app needs a full stack solution.
Meteor
has become the only open source JavaScript platform that supply the complete set of solutions you need to create a real time mobile connected apps.
The Meteor
platform is reliable, fast and easy to develop and deploy and it will also handle all the complexities of your app when it grows and scales with time.
So which one should you choose?
Your best option is to use them both!
Both companies made the steps needed to support each other:
- Meteor now has official support for Angular with it's 3rd party libraries!
- Ionic added official support for Meteor's packaging system
So now we can use the strengthnesses of each of those platform combined to create the ultimate stack for your mobile apps.
In this tutorial, we will create a full WhatsApp
clone using Angular and Ionic
framework as a client platform and Meteor
's reactive collections and authentication packages as our back-end.
Chapters
- Step 1 - Bootstrapping
- Step 2 - Chats Page
- Step 3 - RxJS
- Step 4 - Realtime Meteor Server
- Step 5 - Folder Structure
- Step 6 - Messages Page
- Step 7 - Users & Authentication
- Step 8 - Chats Creation & Removal
- Step 9 - Privacy & Subscriptions
- Step 10 - Filter & Pagination
- Step 11 - Google Maps & Geolocation
- Step 12 - File Upload & Images
- Step 13 - Native Mobile
Begin Tutorial > |
---|
[}]: # |