Tinder UI for hybrid app
Ionic Tinder UI
If you have any problem with the external payment gateway, please send me a direct email to [email protected] then you can pay via Paypal.
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 LinkedIn, Fancy,... So...
I'm an UI/UX lover. I see nice UI, I clone. That's it.
This is an Ionic theme, not a fully-functional application.
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.
Take a look at it with Ionic View using ID: 548a574d
In case you don't know, Ionic View mobile app is the simplest way to experience an Ionic app. Download it here http://view.ionic.io/
Or even more entertaining, see how it works on Youtube: https://youtu.be/rfNm-Di6oaA
See more of my works: https://market.ionic.io/user/66136
Last updated: Nov 12 2016
-First version with 3 main screens: Settings, Explore and Matches.
-Adds Profile, Messaging
-Fix animation issue on Android
-Add Settings page (App, Discovery)
-Add Match popup
-Add Giphy Service (the coolest part)
-Update latest Settings UI
-Integrate my own Giphy Plugin
-Edit profile with Photo browse
-Include a beautiful rounded font
-Update the latest UI follow the native Tinder version 6.5.0
Note: you can buy Giphy Plugin alone
- App Settings
- Discovery Settings
- Match popup
- Chat with Giphy service (search and send GIF images)
- Edit Profile
- After purchasing, download the zip file containing the entire demo app and unzip
- Go inside the extracted folder
$ npm install
$ bower install
$ ionic serve
- The browser should automatically open the app
- Setup SASS
$ ionic setup sass
- Ionic Tinder Cards to provide swippable cards layout https://github.com/driftyco/ionic-ion-tinder-cards
$ bower install ngCordova --save
- Cordova Camera plugin
$ ionic plugin add org.apache.cordova.camera
- Modify the default color theme to match Tinder's colors in
// line 18 $calm: #2cb3c9 !default; $balanced: #57C581 !default; $energized: #F7C755 !default; $assertive: #ff6b69 !default;
If you need technical support or have any questions, don't hesitate to send me a message via: [email protected]