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
  • Home
  • User Profile Information

Was this helpful?

  1. Template Features
  2. Screens

Home Page

Main home screens across different tabs

PreviousLogin ScreensNextUser Profile & Settings

Last updated 5 years ago

Was this helpful?

Home

Dating app’s swipeable cards - Dislike

Cancel button — Swipe LEFT — Dislike Heart button — Swipe RIGHT — Like Star button — SwipeTop — SuperLike

Home page contains three-segment at the top and five buttons at the bottom of the page. This is the Home page’s second segment of the application.

Home page contains swipe-able cards like tinder app. Here you can swipe left, right, top, bottom for different tasks. The bottom buttons of the card execute different tasks as follows…

Cancel button — Swipe LEFT — Dislike Heart button — Swipe RIGHT — Like Star button — SwipeTop — SuperLike Repeat button — opens a modal for Dating Plus subscription and navigates to dating plus page. Flash button — Opens modal for booster. SwipeBottom — Reject

There is an information icon in the bottom right of the card which navigates to the profile details page. It also contains a segment in the header of the page,

User Profile Information

This page can be accessed by clicking on the info button at the right bottom of each swipe-able card. This page contains detailed information of the selected matching person. Here, the arrow-down icon at the center of the page navigates back to the candidate's swipe-able card at home page.

Dating app’s swipeable cards - Like
Dating app’s swipeable cards - Superlike
Dating app’s swipeable cards