Ionic 5 Tinder Styled App Starter
  • Introduction
  • Ionic 5 Tinder Clone Template
  • Why to use this Template
  • Initial Setup
  • Running the app
  • Template Features
    • Screens
      • Login Screens
      • Home Page
      • User Profile & Settings
      • Tinder Premium
      • Chat Pages
    • Features
      • Swipe-able Cards
      • Chat feature
      • Device Compatibility
    • Feature Explanation
  • How to use this Template
    • Two ways to use the Template
    • Modifying Code
    • Removing a Page
    • Removing a plugin
    • Integrating Back-end
    • Add More Features
  • Build the app and PWA
    • Building App on device
    • Deploying app as PWA
  • Extra
    • FAQs
Powered by GitBook
On this page
  • Login
  • Account Recovery
  • Login with phone number
  • OTP Verification

Was this helpful?

  1. Template Features
  2. Screens

Login Screens

Login, OTP, recovery screens

PreviousScreensNextHome Page

Last updated 4 years ago

Was this helpful?

Login

This page can be accessed as the app loads. By clicking on the login button it navigates you to the login verification page.

The login page contains “Account recovery” page navigations too.

Account Recovery

This page can be accessed as the app loads. By clicking on the “Trouble login in?” it redirects you to the account recovery page.

The account recovery page can be used to recover a user account with a username/email. Currently, the account recovery is only for demo purposes.

The account recovery page also contains “Login page “ page navigations.

Login with phone number

This page can be accessed from the “Login” page. Login with phone number page can be used to authenticate a user to check a user is registered or not. After entering the registered mobile number it navigates the user to the OTP verification page which a user receives after entering his/her mobile number.

Here these two pages are only UI and for demo purpose.

OTP Verification

This page can be accessed after entering the phone number in login with phone number page. In this page, received OTP on user’s mobile gets verified for letting the user to access the home page. On clicking “CONTINUE” it navigates to the apps home page. This page here is only the UI but you can make it a fully working app by integrating a suitable backend by a developer.

The login page can be used to perform login action with the phone number or by facebook social login. Currently, facebook login is only for demo purposes you can

follow our tutorial to implement facebook login in Ionic.