Authentication screens included in this Ionic starter app.
The authentication screens included in this ionic template are:
- sign up page
- log in page
- forgot password page
- terms and conditions modal
In the authentication forms you can find a
show-hidepassword custom component super useful for mobile screens. Learn more about this component here.
Log In Screen
You can find the code of this component in
Please note that Facebook, Twitter and Google login are not implemented in this page. They are implemented in the Firebase Authentication section.
Each of these pages has a Form with the inputs required by the page such as username, email and password. We use Angular Reactive Forms from
Angular reactive forms, also known as model-driven forms, offers an easy way to use reactive patterns and validations. They follow the reactive programming style that supports an explicit data management flow between non-UI data models (frequently retrieved from a server) and a UI-oriented form model that keeps the states and values of HTML controls on the app screen. Learn more here.
As we mentioned before, we don't use any specific backend for this template. However, if you are going to provide a custom email/password authentication you will need a backend for this. You can try Firebase Firestore Database and use this tutorial as a guide.