Tinder UI 2

Tinder UI 2

Tinder UI - Ionic 3

$24.00

Not yet rated
Hieu Pham

Hieu Pham

Member since 2015

Details

Version:
3.0
Size:
21mb
Ionic:
2.x,3.x
Platforms:
iOS, Android
View ID:
420ab648
Released:
2 years ago
Updated:
5 months ago
Category:
Themes
Tags:
tinder, swipe, card, dating, social, messaging, giphy, profile, settings

<StartOfAds>

[PROMO] Ionic 3 Bundle: 6 in 1

Proudly introduce the best of my Ionic 3 products: 3 themes + 3 plugins in Studio Pack #2 now on sale with promotion code 19SPEED. Please click the button below for more information.

Purchase Externally

</EndOfAds>

Ionic Tinder UI 2

Tinder UI is now written on Ionic 3

How about Ionic 4? - Not compatible. Fortunately, I've just created Tinder UI 4 for Ionic 4. See more >.

Payment methods

Pay via Stripe using the button PURCHASE $24 on the side.

Other options:

Purchase Externally

Purchase Externally

If you have any problems with the above payment methods, please send me an email to mr_hie@yahoo.com before you pay via PayPal using the button below

Purchase Externally

Introduction

Tinder is a location-based dating and social discovery application that facilitates communication between mutually interested users, allowing matched users to chat. Tinder is famous for its swipping card UI, which is later implemented in some other popular mobile apps e.g Fancy

I'm an UI/UX lover. I see nice UI, I clone. That's all!

I always take it serious to keep the code quality high, with clean and self-explained code. When purchasing this, you also get my latest "helper" snippets inside the package to make it more fun to code.

Preview

Download and view the demo: Android APK

Or even more entertaining, see how it works on Youtube: https://youtu.be/1iue76Dhx3o

See more of my works: https://market.ionic.io/user/66136

See more of my works

Happy prototyping!

enter image description here

Changelog

Last updated: Nov 23 2018

  • ionicMarket-ionic-tinder-2-2ba2696cc6cd

    • First version
  • ionicMarket-ionic-tinder-2-af9caa11f7d3

    • Fix dependencies versioning issue
    • Add Feed screen
  • ionicMarket-ionic-tinder-2-421e25ea28e0

    • Build demo APK

Screens

  1. Welcome
  2. Explore (Swiping)
  3. Me
  4. Settings
  5. Tinder Plus
  6. Profile
  7. Profile Edit
  8. Matched
  9. Messaging
  10. Feed
  11. Chat (including Giphy-2 plugin)

Run locally

1.Install Ionic environment

$ npm install -g cordova
$ npm install -g ionic@3.19.0

2.After purchasing, download the zip file containing the entire demo app and unzip

3.Go inside the extracted folder

4.Install all dependencies

$ npm install

5.Start local server

$ ionic serve

6.Your default browser should now automatically open the app

Notes

1.Modify the default theme colors to match Tinder's colors in src/theme/variables.scss

$colors: (
  primary:    #488aff,
  secondary:  #22e4a8,
  danger:     #fd5068, // Tinder theme
  light:      #f4f4f4,
  dark:       #222,
  ...

2.I personally like the look on iOS so I forced the theme to iOS mode. You can config that to suit your need

# in src/app/app.module.ts
IonicModule.forRoot(MyApp, {
      mode: 'ios',// TODO: to have same iOS look for all platforms
      backButtonText: '',
    })

Support

If you need technical support or have any questions, don't hesitate to send me a message: mr_hie@yahoo.com

Homepage: http://takethatdesign.com

Hey there! You'll need to log in before you can leave a comment here.

Geo

Geo   ·   2 years ago

Hello, how customizable is the code. Will I be able to change colors and replace icons?

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Geo

Geo   ·   2 years ago

Hello, how customizable is the code. Will I be able to change colors and replace icons?

Hieu Pham

Hieu Pham   ·   2 years ago

Hi Geo! Definitely! Once you purchase you will have the source code and you can customize it in every way you want. You just need some basic understanding about Ionic 3 development. Thanks!

Geo

Geo   ·   2 years ago

Awesome. Also, does this come with an Admin portal where manage users, payments, etc?

Geo

Geo   ·   2 years ago

* where I can manage users, payments, etc?

Hieu Pham

Hieu Pham   ·   2 years ago

Hi Geo, no. It's only a Ionic Theme alone. Thanks.

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Jonatas

Jonatas   ·   2 years ago

Will I have access to updates if buy your source code?

Hieu Pham

Hieu Pham   ·   2 years ago

Hi Jonatas, absolutely!

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Rahul Thakral

Rahul Thakral   ·   2 years ago

Hi I would like to buy it, first need to know few things. are you providing both of the app IOS/Android in same price and also will you provide the installation services if I ask and what are the charges for the same. What database are you using as I read in comments you only provide front interface. if that is correct in that case we need to develop a admin panel where we can display all related data from database. Also do you provide web interface for the same app?? Kindly Update with above queries. Thanks Rahul Thakral

Hieu Pham

Hieu Pham   ·   2 years ago

Hi Rahul, this is a Ionic theme so it works on both iOS and android with the same source code. It's just the front UI for the mobile app and does not include the Admin. I don't take custom work tho. THanks

Rahul Thakral

Rahul Thakral   ·   2 years ago

Kindly update what database you have used for it??

Rahul Thakral

Rahul Thakral   ·   2 years ago

Also can you please provide me list of external plugins that we can use with this theme..(If Any)..

Hieu Pham

Hieu Pham   ·   2 years ago

This is only a theme with no back end and database, as I mentioned. Please send me an email for longer conversation. Thanks Rahul

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Axel Hardy

Axel Hardy   ·   a year ago

Hey! How does the Tinder style view works? Is it with an array of images? Is it easy to integrate with a backend for this part?

Hieu Pham

Hieu Pham   ·   a year ago

Hi, it should be an array of objects which can have a property as 'image'. It is easy to integrate with any JSON API, of course, because it's a Angular app. Nice work with Cupidoo btw!

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Into Malakas

Into Malakas   ·   a year ago

Hi there, I want to try your app before I buy. Ionic View isn't available on iOS it seems (https://blog.ionicframework.com/ionic-view-sunsetting-on-9-1-18/). Can you show me a demo somehow? A browser link to it? I saw the video but would like to try it on my device. Thanks!

Hieu Pham

Hieu Pham   ·   a year ago

Hi Into, unfortunately I could not provide a live demo this theme for iOS. That would be great if you can borrow an android device and install Ionic View to experience it. Cheers!

Into Malakas

Into Malakas   ·   a year ago

Hi Hieu, can't unfortunately. Can you release a production built version online perhaps? i.e. ionic build --aot --prod

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Gan Yang

Gan Yang   ·   10 months ago

Hi there, does your code support swipe left & right with dynamicly add or remove cards? eg. remove top, add new to bottom

Hieu Pham

Hieu Pham   ·   10 months ago

Hi Gan, yes it does. That's one of the most favorite parts of this theme pack.

Gan Yang

Gan Yang   ·   10 months ago

i have paid via paypal, then how can i can get the code? thanks

Hieu Pham

Hieu Pham   ·   10 months ago

Hi Gan, I’ve just sent you an email to verify. Thanks

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

felipe marchant

felipe marchant   ·   9 months ago

Hi! The Match use geolocation or other type of similar logic?

Hieu Pham

Hieu Pham   ·   9 months ago

Hey Felipe, no, this is just a theme and there is no actual logic here. That was just dummy data for demo purpose.

felipe marchant

felipe marchant   ·   9 months ago

You have available a app version on google play?

Hieu Pham

Hieu Pham   ·   9 months ago

Hi Felipe please send me an email

Hieu Pham

Hieu Pham   ·   9 months ago

Hey Felipe, I've included the demo APK (https://www.dropbox.com/s/pb2exvsa91ve016/tinder_2_demo.apk?dl=0)

felipe marchant

felipe marchant   ·   9 months ago

Wonderful app!

felipe marchant

felipe marchant   ·   9 months ago

Wonderful app! My e-mail : mrmarchant@outlook.com

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Igor Leite

Igor Leite   ·   2 months ago

Good Morning Hieu, I bought via paypal how to procede now?

Hieu Pham

Hieu Pham   ·   2 months ago

Hi Igor, I sent the download link just now. Thanks!

Igor Leite

Igor Leite   ·   2 months ago

Thx my friend, ur UI its amazing!

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

  ·   just now

{{ comment.comment }}

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

  ·   just now

{{ comment.comment }}

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Igor Leite

Igor Leite   ·   2 months ago

Good Morning Hieu, I bought via paypal how to procede now?

Hieu Pham

Hieu Pham   ·   2 months ago

Hi Igor, I sent the download link just now. Thanks!

Igor Leite

Igor Leite   ·   2 months ago

Thx my friend, ur UI its amazing!

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

felipe marchant

felipe marchant   ·   9 months ago

Hi! The Match use geolocation or other type of similar logic?

Hieu Pham

Hieu Pham   ·   9 months ago

Hey Felipe, no, this is just a theme and there is no actual logic here. That was just dummy data for demo purpose.

felipe marchant

felipe marchant   ·   9 months ago

You have available a app version on google play?

Hieu Pham

Hieu Pham   ·   9 months ago

Hi Felipe please send me an email

Hieu Pham

Hieu Pham   ·   9 months ago

Hey Felipe, I've included the demo APK (https://www.dropbox.com/s/pb2exvsa91ve016/tinder_2_demo.apk?dl=0)

felipe marchant

felipe marchant   ·   9 months ago

Wonderful app!

felipe marchant

felipe marchant   ·   9 months ago

Wonderful app! My e-mail : mrmarchant@outlook.com

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Gan Yang

Gan Yang   ·   10 months ago

Hi there, does your code support swipe left & right with dynamicly add or remove cards? eg. remove top, add new to bottom

Hieu Pham

Hieu Pham   ·   10 months ago

Hi Gan, yes it does. That's one of the most favorite parts of this theme pack.

Gan Yang

Gan Yang   ·   10 months ago

i have paid via paypal, then how can i can get the code? thanks

Hieu Pham

Hieu Pham   ·   10 months ago

Hi Gan, I’ve just sent you an email to verify. Thanks

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Into Malakas

Into Malakas   ·   a year ago

Hi there, I want to try your app before I buy. Ionic View isn't available on iOS it seems (https://blog.ionicframework.com/ionic-view-sunsetting-on-9-1-18/). Can you show me a demo somehow? A browser link to it? I saw the video but would like to try it on my device. Thanks!

Hieu Pham

Hieu Pham   ·   a year ago

Hi Into, unfortunately I could not provide a live demo this theme for iOS. That would be great if you can borrow an android device and install Ionic View to experience it. Cheers!

Into Malakas

Into Malakas   ·   a year ago

Hi Hieu, can't unfortunately. Can you release a production built version online perhaps? i.e. ionic build --aot --prod

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Axel Hardy

Axel Hardy   ·   a year ago

Hey! How does the Tinder style view works? Is it with an array of images? Is it easy to integrate with a backend for this part?

Hieu Pham

Hieu Pham   ·   a year ago

Hi, it should be an array of objects which can have a property as 'image'. It is easy to integrate with any JSON API, of course, because it's a Angular app. Nice work with Cupidoo btw!

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Rahul Thakral

Rahul Thakral   ·   2 years ago

Hi I would like to buy it, first need to know few things. are you providing both of the app IOS/Android in same price and also will you provide the installation services if I ask and what are the charges for the same. What database are you using as I read in comments you only provide front interface. if that is correct in that case we need to develop a admin panel where we can display all related data from database. Also do you provide web interface for the same app?? Kindly Update with above queries. Thanks Rahul Thakral

Hieu Pham

Hieu Pham   ·   2 years ago

Hi Rahul, this is a Ionic theme so it works on both iOS and android with the same source code. It's just the front UI for the mobile app and does not include the Admin. I don't take custom work tho. THanks

Rahul Thakral

Rahul Thakral   ·   2 years ago

Kindly update what database you have used for it??

Rahul Thakral

Rahul Thakral   ·   2 years ago

Also can you please provide me list of external plugins that we can use with this theme..(If Any)..

Hieu Pham

Hieu Pham   ·   2 years ago

This is only a theme with no back end and database, as I mentioned. Please send me an email for longer conversation. Thanks Rahul

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Jonatas

Jonatas   ·   2 years ago

Will I have access to updates if buy your source code?

Hieu Pham

Hieu Pham   ·   2 years ago

Hi Jonatas, absolutely!

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Geo

Geo   ·   2 years ago

Hello, how customizable is the code. Will I be able to change colors and replace icons?

Hieu Pham

Hieu Pham   ·   2 years ago

Hi Geo! Definitely! Once you purchase you will have the source code and you can customize it in every way you want. You just need some basic understanding about Ionic 3 development. Thanks!

Geo

Geo   ·   2 years ago

Awesome. Also, does this come with an Admin portal where manage users, payments, etc?

Geo

Geo   ·   2 years ago

* where I can manage users, payments, etc?

Hieu Pham

Hieu Pham   ·   2 years ago

Hi Geo, no. It's only a Ionic Theme alone. Thanks.

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Geo

Geo   ·   2 years ago

Hello, how customizable is the code. Will I be able to change colors and replace icons?

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Hey there! You'll need to log in and purchase the add-on before you can leave a rating here.

There are no ratings for this theme yet

  ·     ·   just now

{{ rating.comment }}

  ·     ·   just now

{{ rating.comment }}