Ionic Twitter Client

Ionic Twitter Client

Barebone Twitter Client Starter

$5.00

(1)
Neven

Neven

Member since 2015

Details

Version:
1.0
Size:
3mb
Ionic:
1.x
Platforms:
iOS, Android
Released:
4 years ago
Updated:
3 years ago
Category:
Starters
Tags:
ionic, twitter, client, feed, social, ng-twitter, ios, android, phonegap, cordova, angular

Ionic Twitter Client - Barebone Twitter Client Starter App

This Ionic Twitter Client uses ng-twitter to connect to your twitter account. Tested on iOS and Android. It has everything you need to start working on your Twitter Client or your App Social integration. You can use the sample app I created on apps.twitter.com for your testing. You will have to replace the Twitter App Consumer Key, Consumer Secret and Callback url to get this production ready.

Check out my other useful starters are here: Great Ionic Starters.

Features

  • Login
  • Logout
  • Show Home Timeline
  • Show User Timeline
  • Post Tweets
  • Display time since post was created
  • Display Twitter names and handle names

Installation

  • Install Ionic
  • Download Genymotion if you plan to emulate on android
  • open folder in terminal
  • Install Ionic sudo npm install -g ionic
  • Add platform ionic platform add ios
  • Add platform ionic platform add android
  • Install ng-twitter bower install ng-twitter-api --save
  • cordova plugin add cordova-plugin-inappbrowser
  • cordova plugin add cordova-plugin-whitelist
  • Install ngResource npm install --save ng-resource
  • ionic emulate ios (don't use live reload)
  • ionic run android (after you start genymotion emulator instance)
  • If you try to run with ionic server or ionic run -l you might encounter Cross Origin Issues (CORS). You can read about it here.

Payment Information

  • The payment on this site is processed by Stripe.com and sometimes your bank will decline the charges if they don't recognize it. You can contact your bank or try a different card.

Support

  • Leave a comment if you get stuck on anything
  • If you email me directly it might get caught in the spam filter
  • And Kudos if you leave a Rating! =)

Stay in Touch



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

dkkhare

dkkhare   ·   4 years ago

when i user mine twitter app keys than no cation on click of login button. mean twitter login page not opening. please help

Neven

Neven   ·   4 years ago

Hey, yes when you make your own app on "https://apps.twitter.com/app/new" you will have to save a callback URL. For local testing this url is http://localhost/callback but you have to use tiny URL in order for twitter to accept it. Try using this one "http://tinyurl.com/krmpchb" for your callback url in your twitter app settings.

Chuanjie Pei

Chuanjie Pei   ·   4 years ago

Where should the callback URL be put?

Neven

Neven   ·   4 years ago

@Chuanjie You will put the callback url when you register your app on twitter (https://apps.twitter.com) there you will get the new consumerID and secret key.

Jason Leung

Jason Leung   ·   4 years ago

no tweets were loaded at all after login

Neven

Neven   ·   4 years ago

@Jason sorry to hear that, can you tell me how you are running the project?

Ducxclan

Ducxclan   ·   4 years ago

How do I make the adjustment to a user timelime ? "https://api.twitter.com/1.1/statuses/user_timeline.json"

Ducxclan

Ducxclan   ·   4 years ago

In the description says: Show Home Timeline - Show User Timeline - Post Tweets - Display time since post was created - Display Twitter names and handle names But I see in the code where they are those functions. Can you help me?

Neven

Neven   ·   4 years ago

@Ducxclan in the tab-dash.html data is being read from twitterFeed object. In there you can make modifications to how the data is displayed. While in the controllers.js `IonicTwitter.getTwitterFeed` gets called to get the home timeline.

venkat

venkat   ·   3 years ago

no tweets were loaded at all after login

venkat

venkat   ·   3 years ago

is there any changes required at "https://api.twitter.com/1.1/statuses/user_timeline.json" and It automatically get the user data or not.

Neven

Neven   ·   3 years ago

@venkat how are you launching the project?

Sudhagar

Sudhagar   ·   3 years ago

@Neven Hi, I downloaded and ran the project. But I can't login with Twitter at all. Is there any changes you have to do?

Neven

Neven   ·   3 years ago

How did you run the project?

Sudhagar

Sudhagar   ·   3 years ago

I ran it with ionic serve --lab. But running it in emulator worked. @Neven

Neven

Neven   ·   3 years ago

That's because cross origin isn't set up. You can read about how to do that here: http://rubberchickin.com/origin-is-not-allowed-by-access-control-allow-origin-ionic/

Neven

Neven   ·   3 years ago

And a more in depth explanation is here: http://blog.ionic.io/handling-cors-issues-in-ionic/

  ·   just now

{{ reply.comment }}



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

Rajkiran Panuganti

Rajkiran Panuganti   ·   3 years ago

Do you plan to create an Ionic2 version ?

Neven

Neven   ·   3 years ago

Hey, I don't have any plans for that right now. I will re-evaluate later when I have more time.

  ·   just now

{{ reply.comment }}



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

Oleg

Oleg   ·   a year ago

Hey. I cant launch it now.

Neven

Neven   ·   a year ago

Hi, this only works with Ionic 1.

Oleg

Oleg   ·   a year ago

How I can build now?

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

Oleg

Oleg   ·   a year ago

Hey. I cant launch it now.

Neven

Neven   ·   a year ago

Hi, this only works with Ionic 1.

Oleg

Oleg   ·   a year ago

How I can build now?

  ·   just now

{{ reply.comment }}



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

Rajkiran Panuganti

Rajkiran Panuganti   ·   3 years ago

Do you plan to create an Ionic2 version ?

Neven

Neven   ·   3 years ago

Hey, I don't have any plans for that right now. I will re-evaluate later when I have more time.

  ·   just now

{{ reply.comment }}



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

Sudhagar

Sudhagar   ·   3 years ago

@Neven Hi, I downloaded and ran the project. But I can't login with Twitter at all. Is there any changes you have to do?

Neven

Neven   ·   3 years ago

How did you run the project?

Sudhagar

Sudhagar   ·   3 years ago

I ran it with ionic serve --lab. But running it in emulator worked. @Neven

Neven

Neven   ·   3 years ago

That's because cross origin isn't set up. You can read about how to do that here: http://rubberchickin.com/origin-is-not-allowed-by-access-control-allow-origin-ionic/

Neven

Neven   ·   3 years ago

And a more in depth explanation is here: http://blog.ionic.io/handling-cors-issues-in-ionic/

  ·   just now

{{ reply.comment }}



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

Neven

Neven   ·   3 years ago

@venkat how are you launching the project?

venkat

venkat   ·   3 years ago

is there any changes required at "https://api.twitter.com/1.1/statuses/user_timeline.json" and It automatically get the user data or not.

venkat

venkat   ·   3 years ago

no tweets were loaded at all after login

Neven

Neven   ·   4 years ago

@Ducxclan in the tab-dash.html data is being read from twitterFeed object. In there you can make modifications to how the data is displayed. While in the controllers.js `IonicTwitter.getTwitterFeed` gets called to get the home timeline.

Neven

Neven   ·   4 years ago

Hey, yes when you make your own app on "https://apps.twitter.com/app/new" you will have to save a callback URL. For local testing this url is http://localhost/callback but you have to use tiny URL in order for twitter to accept it. Try using this one "http://tinyurl.com/krmpchb" for your callback url in your twitter app settings.

Ducxclan

Ducxclan   ·   4 years ago

How do I make the adjustment to a user timelime ? "https://api.twitter.com/1.1/statuses/user_timeline.json"

Neven

Neven   ·   4 years ago

@Jason sorry to hear that, can you tell me how you are running the project?

Jason Leung

Jason Leung   ·   4 years ago

no tweets were loaded at all after login

Neven

Neven   ·   4 years ago

@Chuanjie You will put the callback url when you register your app on twitter (https://apps.twitter.com) there you will get the new consumerID and secret key.

Chuanjie Pei

Chuanjie Pei   ·   4 years ago

Where should the callback URL be put?

dkkhare

dkkhare   ·   4 years ago

when i user mine twitter app keys than no cation on click of login button. mean twitter login page not opening. please help

Ducxclan

Ducxclan   ·   4 years ago

In the description says: Show Home Timeline - Show User Timeline - Post Tweets - Display time since post was created - Display Twitter names and handle names But I see in the code where they are those functions. Can you help me?

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

Darrius Taylor   ·     ·   3 years ago

This is exactly what I wanted. Just the basics already done (client-side) so I could just test out ideas with the Twitter API. Didn't need it on a server yet, but I hate doing the grunt work just to get Twitter data. $5 well spent!

  ·     ·   just now

{{ rating.comment }}

  ·     ·   just now

{{ rating.comment }}

Darrius Taylor    ·     ·   3 years ago

This is exactly what I wanted. Just the basics already done (client-side) so I could just test out ideas with the Twitter API. Didn't need it on a server yet, but I hate doing the grunt work just to get Twitter data. $5 well spent!