Twitter UI

Twitter UI

Twitter UI clone

$18.00

Not yet rated
Hieu Pham

Hieu Pham

Member since 2015

Details

Version:
1.0
Size:
8mb
Ionic:
1.x
Platforms:
iOS, Android, Windows Phone
View ID:
67667da3 /Legacy: e1a7cda9
Released:
3 years ago
Updated:
a year ago
Category:
Themes
Tags:
social network, social, twitter, ui, theme, giphy, messaging, feed

Ionic Twitter UI

Payment methods

Pay via Stripe using the button PURCHASE $18 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

Twitter is an online social networking service that enables users to send and read short 140-character messages called "tweets" (wiki). More than a popular social network, it has a huge influence to front-end development and community and to the one of the most famous CSS framework: Bootstrap.

Regardless to the bad news lately, I still love Twitter and appreciate it for the knowledge that I've learned through the tweets of the accounts I followed in the past years.

I'm an UI/UX lover. I see nice UI, I clone

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.

Preview

Take a look at it with Ionic View using ID: 67667da3

Ionic View App Version
Ionic View Ionic View (blue icon) - 67667da3

In case you don't know, Ionic View mobile app is the simplest way to experience an ionic app. Download here

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

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-ionicMarket-twitter-ui-bcdce1b36146

-First version

r2-ionicMarket-twitter-ui-5350e8bbce66

-Compatible with Ionic CLI ~3.4.0

Screens

  1. Login
  2. Home
  3. Connect (people)
  4. Search Tweets
  5. Notifications
  6. Messaging (with Giphy)
  7. Profile
  8. Settings
  9. New tweet

Run locally

1.Install Ionic environment

$ npm install -g cordova
$ npm install -g ionic@3.4.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
$ bower install

5.Start local server

$ ionic serve

6.Your default browser should now automatically open the app

Dependencies

  1. Using SASS as CSS preprocessor
  2. Checkout package.json "bower": "^1.3.3", "gulp-angular-filesort": "^1.1.1", "gulp-inject": "^4.1.0", "gulp-natural-sort": "^0.1.1", "gulp-util": "^2.2.14", "shelljs": "^0.3.0"
  3. Check out bower.json "moment": "^2.14.1", "ion-sticky": "^1.0.6", "angular-elastic": "^2.5.1", "ngCordova": "^0.1.27-alpha", "angular-gridify": "^0.1.2"
  4. Modify the default color theme to match Twitter's colors in /scss/ionic.app.scss
    // line 18
    $positive:                        #308EEF !default;

Improved Directory Structure

No more frustrated controllers - services - directives - filters - templates structure. The directory structure is now component-oriented which puts files and folders into component's folders. Easier to structure and maintain the project.

More over, thanks to gulp-inject , we will never forget to include the js file into index.html. Run $ gulp inject on the go or simply restart the ionic server.

enter image description here

Support

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

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

Rajkiran Panuganti

Rajkiran Panuganti   ·   3 years ago

Do you have ionic 2 version?

Hieu Pham

Hieu Pham   ·   3 years ago

No I don't . Thanks.

  ·   just now

{{ reply.comment }}



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

Samuel Ailemen

Samuel Ailemen   ·   2 years ago

hello, i purchased this via the external link which i finally made payment through twitter. my developer said the lib files are missing

Hieu Pham

Hieu Pham   ·   2 years ago

Hi, What do you mean by "payment through Twitter"? What is your email when you purchased? Please tell your dev guy to follow my instruction here. Thanks

Samuel Ailemen

Samuel Ailemen   ·   2 years ago

sorry, i meant payment through PayPal and the PayPal email is samuel@sonargroup.co

Samuel Ailemen

Samuel Ailemen   ·   2 years ago

and personal email is ailemenizzy@gmail.com

Hieu Pham

Hieu Pham   ·   2 years ago

Ok I got you. Please follow my instruction, the part npm install and bower install. That's all. For more information please refer to Ionic documentation. Thanks.

Samuel Ailemen

Samuel Ailemen   ·   2 years ago

okay i will let him know

  ·   just now

{{ reply.comment }}



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

Muela Group

Muela Group   ·   2 years ago

you mo have this full functional app?

Hieu Pham

Hieu Pham   ·   2 years ago

No, I don't. This is a theme. Thanks

  ·   just now

{{ reply.comment }}



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

Socodeur

Socodeur   ·   a year ago

Only Ionic x1....

Hieu Pham

Hieu Pham   ·   a year ago

Yes, Ionic 1.x

  ·   just now

{{ reply.comment }}



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

Ashish Banerjee

Ashish Banerjee   ·   8 months ago

is the twitter theme ionic 3 or 4 ?

Hieu Pham

Hieu Pham   ·   8 months ago

Hi Ashish, unfortunately, it's Ionic 1

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

Ashish Banerjee

Ashish Banerjee   ·   8 months ago

is the twitter theme ionic 3 or 4 ?

Hieu Pham

Hieu Pham   ·   8 months ago

Hi Ashish, unfortunately, it's Ionic 1

  ·   just now

{{ reply.comment }}



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

Socodeur

Socodeur   ·   a year ago

Only Ionic x1....

Hieu Pham

Hieu Pham   ·   a year ago

Yes, Ionic 1.x

  ·   just now

{{ reply.comment }}



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

Muela Group

Muela Group   ·   2 years ago

you mo have this full functional app?

Hieu Pham

Hieu Pham   ·   2 years ago

No, I don't. This is a theme. Thanks

  ·   just now

{{ reply.comment }}



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

Samuel Ailemen

Samuel Ailemen   ·   2 years ago

hello, i purchased this via the external link which i finally made payment through twitter. my developer said the lib files are missing

Hieu Pham

Hieu Pham   ·   2 years ago

Hi, What do you mean by "payment through Twitter"? What is your email when you purchased? Please tell your dev guy to follow my instruction here. Thanks

Samuel Ailemen

Samuel Ailemen   ·   2 years ago

sorry, i meant payment through PayPal and the PayPal email is samuel@sonargroup.co

Samuel Ailemen

Samuel Ailemen   ·   2 years ago

and personal email is ailemenizzy@gmail.com

Hieu Pham

Hieu Pham   ·   2 years ago

Ok I got you. Please follow my instruction, the part npm install and bower install. That's all. For more information please refer to Ionic documentation. Thanks.

Samuel Ailemen

Samuel Ailemen   ·   2 years ago

okay i will let him know

  ·   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 have ionic 2 version?

Hieu Pham

Hieu Pham   ·   3 years ago

No I don't . Thanks.

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