Twitter UI

Twitter UI

Twitter UI clone

$12.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:
4 years ago
Updated:
2 months ago
Category:
Themes
Tags:
social network, social, twitter, ui, theme, giphy, messaging, feed

TakeThatDesign.com is my new home

Click the screenshot below to visit, don't forget to bookmark, and subscribe to my newsletter. See you there!

takethatdesign.com thumbnail

Ionic Twitter 1

Twitter template

Payment methods

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

Other options:

Purchase Externally

If you want to Paypal directly, please let me know the name of the item by sending me an email mr_hie@yahoo.com before you process the payment. Thanks.

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

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

Watch on Youtube

See how it works on Youtube: https://youtu.be/-l8CqgFRSaM

See more

You might like my collection of Ionic products. See more at https://market.ionic.io/user/66136

See more of my works

Happy prototyping!

enter image description here

Changelog

Note: All updates are on Ionic 1

Last updated: Jun 17 2017

v1

  • First version

v2

  • 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@9.0.0
$ npm install -g ionic@4.12.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 template

Notes

  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

Contact

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

Homepage: https://www.takethatdesign.com

[PROMO] Ionic 4 Bundle: 4 in 1 - Best Seller

My best Ionic 4 products (3 themes + 1 plugin) are now on sale with promotion code BUNDLE4. Please click the button below for more information.

Purchase Externally

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

Rajkiran Panuganti

Rajkiran Panuganti   ·   4 years ago

Do you have ionic 2 version?

Hieu Pham

Hieu Pham   ·   4 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   ·   3 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   ·   3 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   ·   3 years ago

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

Samuel Ailemen

Samuel Ailemen   ·   3 years ago

and personal email is ailemenizzy@gmail.com

Hieu Pham

Hieu Pham   ·   3 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   ·   3 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   ·   3 years ago

you mo have this full functional app?

Hieu Pham

Hieu Pham   ·   3 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.

  ·   2 years ago

Only Ionic x1....

Hieu Pham

Hieu Pham   ·   2 years 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   ·   2 years ago

is the twitter theme ionic 3 or 4 ?

Hieu Pham

Hieu Pham   ·   2 years 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   ·   2 years ago

is the twitter theme ionic 3 or 4 ?

Hieu Pham

Hieu Pham   ·   2 years 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.

  ·   2 years ago

Only Ionic x1....

Hieu Pham

Hieu Pham   ·   2 years 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   ·   3 years ago

you mo have this full functional app?

Hieu Pham

Hieu Pham   ·   3 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   ·   3 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   ·   3 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   ·   3 years ago

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

Samuel Ailemen

Samuel Ailemen   ·   3 years ago

and personal email is ailemenizzy@gmail.com

Hieu Pham

Hieu Pham   ·   3 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   ·   3 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   ·   4 years ago

Do you have ionic 2 version?

Hieu Pham

Hieu Pham   ·   4 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 }}