Hi, today we will make a to-do app using just Firebase Database and Firebase Cloud Functions, accessing functions through URL requests.
The new and improved ‘Add to Home screen’ and HTML5 APIs running fast to provide best device features integration on Web Browser, are getting PWAs closer to Native App behaviours. And since Service Worker API support in Safari changed to in development, meaning Safari is going to support service workers, the full potential of PWAs is opened up to developers and users. And you can now share the PWA community-approved logo, customized with your own primary color. So everything is ready for the launch!
As probably you know, Google Firebase provides very interesting resources. Of course, hosting and database are useful but in this time we will talk about Cloud Functions.
Vagrant provides easy to configure, reproducible, and portable work environments. Its main objective is to make the “works on my machine” excuse a relic of the past ;-)
Firebase is an huge platform to work with, it provides ton of services ready to use (hosting, database, push, authentication, etc). It’s why it make sense to check it for your new projects. On this post I’ll explain how to use the cloud database service. I’ll start the tutorial from an existing App, if you need some help to create a new Ionic App I recommend to read our post Implementing the Master-Detail Pattern in Ionic. If you’re familiar with Ionic you can follow steps below in any ready Ionic 2 App.
A Master Detail Interface is a common pattern in computer systems where a master list is displayed, and when an item is selected, more details about that item are displayed in a separate view.
SharedModule contains code that will be used across your app and Feature Modules. You’ll import this SharedModule into the specific Feature Modules as needed. You DO NOT import the SharedModule into your main AppModule.
Ionic App are packaged with default themes optimized for each platforms (iOS, Android, Windows). But Ionic Framework also provide a easy to setup interface to customize your App as you like.