Giphy

Giphy

GIPHY add-on to your messaging UI

$6.00

Not yet rated
Hieu Pham

Hieu Pham

Member since 2015

Details

Version:
1.0
Size:
3mb
Ionic:
1.x
Platforms:
iOS, Android, Windows Phone
View ID:
18ea92a0
Released:
2 years ago
Updated:
a month ago
Category:
Plugins
Tags:
chat, messaging, gif, giphy, social, tinder

Ionic Giphy

Looking for newer Ionic version?

You can find the latest Ionic 3 version of the same theme sold separately here.

Payment methods

  • PURCHASE EXTERNALLY button: Gumroad.com payment gateway which supports cards or PAYPAL
  • PURCHASE $xx button: Stripe.com which supports cards only
  • If you have any problems with other payment methods, please drop me an email to [email protected] then you can pay via PAYPAL directly

Introduction

Giphy is an online database and search engine that allows users to search for and share animated GIF files (wiki). I knew about this interesting service while I was working on my Ionic-yahoo-messenger-ui but I didn't spend time on it. Lately, during the development of Ionic-tinder-ui, I found it again as a undeniable feature, so nothing can stop me anymore. Then the plugin was made. This plugin will also be integrated into the Tinder theme soon.

Not only the Giphy service itself, the source code also includes a beautiful and easy-to-implement messaging UI with auto-expanding input and data structure.

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: 18ea92a0

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/Q8eV6JYtGsc

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

See more of my works

Happy prototyping!

Changelog

Last updated: Jun 17 2017

r1-mrhieu-ionic-giphy-f139d12b9951

-First version

r2-ionicMarket-ionic-giphy-aeff90a642e5

-Compatible with Ionic CLI ~3.4.0

Screens

  1. Messaging with GIF search tool

Run locally

1.Install Ionic environment

$ npm install -g cordova
$ npm install -g [email protected]

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
$ bower install

5.Start local server

$ ionic serve

6.Your default browser should now automatically open the app

Dependencies

  1. Angular-elastic $ bower install --save angular-elastic

Usage

  1. CSS: include scss/chat.sass and scss/giphy.sass
  2. JS: include www/js/giphy.js - this is the module ionic.giphy and it needs to be injected to your main module
  3. Template: www/templates/home.html
  4. You can see the example controller GiphyCtrl in www/js/app.js
  5. The sample data structure for the messages template is pretty straight-forward
$scope.messages = [
      {
        isMe: true,
        type: 'image',// text || image
        body: 'img/hello.gif',
        timestamp: 'Feb 26, 2016, 9:47PM'
      },
      {
        isMe: false,
        avatar: 'img/adam.jpg',
        type: 'image',// text || image
        body: 'img/hello.gif',
        timestamp: 'Feb 26, 2016, 9:47PM'
      },
      {
        isMe: true,
        type: 'text',// text || image
        body: 'Where are you, buddy?',
        timestamp: 'Feb 26, 2016, 9:47PM'
      },
      {
        isMe: false,
        avatar: 'img/adam.jpg',
        type: 'text',// text || image
        body: 'I\'m almost there',
        timestamp: 'Feb 26, 2016, 9:47PM'
      }
    ];

Support

If you need technical support or have any questions, don't hesitate to send me a message: [email protected]

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

Juan David Nicholls

Juan David Nicholls   ·   2 years ago

Beautiful! :D

  ·   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.

Juan David Nicholls

Juan David Nicholls   ·   2 years ago

Beautiful! :D

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 plugin yet

  ·     ·   just now

{{ rating.comment }}

  ·     ·   just now

{{ rating.comment }}