When we have to develop a mobile application, in many cases we also need to develop a backoffice to manage the information that is displayed in the mobile app.
The following system is composed by two modules. The first module is the backoffice that has been developed with Angular, and the second one is the mobile application that has been developed with Ionic
Firebase has been used as backend. These are the Firebase services used by this system:
Realtime database that stores the application information.
System that allows us to store the pictures used by our application.
Hosting for our backoffice application.
The application backoffice has been developed with Angular. The information and images are saved in a very easy way in Firebase using the AngularFire library. Material design has been used to develop the application UI
These are the most relevant features of this Angular application
Authentication is managed very easyly with the help of Firebase.
The application is mainly composed by two entities, and the application manages all the operations that can be done with these entities.
The applications allows to position very easyly entities inside a map.
The applications manages the uploading of files.
The mobile application has been developed with Ionic. It allows to display a list of areas and a list of places assigned to those areas. The places are displayed in a list way and also in a map. The application shows the route to arrive from the current user location to the place.
You can interact with the following application
The application information is managed by Firebase, so we don't have to worry about servers administration. With Firebase we are managing user authentication, realtime database, files uploading and hosting of the backoffice application.
Authentication is managed very easyly with the help of Firebase.
The application is mainly composed by two entities, and the application manages all the operations that can be done with these entities.
The applications allows to position very easyly entities inside a map.
With Firebase Storage we can save our files in a server very easyly
With Firebase Database we are able to develop realtime applications without effort. When you update an entity in the Angular backoffice it is refreshed automatically in the mobile application
In our sample application you can see how to manage one to many relationships with Firebase