maiah / Ionic2CLI-Meteor-WhatsApp

WhatsApp Clone tutorial with Ionic 2.0 CLI and Meteor Server

Home Page:https://www.angular-meteor.com/tutorials/whatsapp2/ionic/setup

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

How to build a Whatsapp-clone using Ionic 2 and Meteor

bitHound Overall Score bitHound Dependencies

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!

With angular-meteor, Meteor became the best backend for Angular and Ionic apps.

Both companies made the steps needed to support each other:

So now you we can use the strengthnesses of each of those platform combined the create the ultimate stack for your mobile apps.

In this post, we will create a full WhatsApp clone, using Angular and the Ionic Framework, using Meteor's realtime collections for the chat and Meteor's simple Authentication packages for SMS based authentication.

Both platform has their own CLI and build process solutions.

You can choose the CLI and build process that you prefer.

So I've decided to create to two versions of that blog post, one, on Ionic's blog, using the Ionic CLI and one, on Meteor's blog, using the Meteor CLI and build process.

Chapters

  • Installing the platform and creating a base app
  • Layout, coding style and structure
  • Creating a realtime Meteor server and connect to our existing app
  • Chat view and send messages
  • Users and (SMS) authentication
  • Create and remove chats
  • Privacy and publish/subscribe

}: # {: (footer) {: (nav_step)

Begin Tutorial >
}: #
}: #

About

WhatsApp Clone tutorial with Ionic 2.0 CLI and Meteor Server

https://www.angular-meteor.com/tutorials/whatsapp2/ionic/setup

License:MIT License


Languages

Language:TypeScript 53.4%Language:HTML 18.5%Language:CSS 15.0%Language:JavaScript 13.1%