Pinterest Lite Ionic 3

Pinterest Lite Ionic 3

Pinterest Lite - Ionic 3

$9.00

Not yet rated
Hieu Pham

Hieu Pham

Member since 2015

Details

Version:
3.0
Size:
5mb
Ionic:
2.x,3.x
Platforms:
iOS, Android
View ID:
69e4aaae
Released:
a year ago
Updated:
10 months ago
Category:
Themes
Tags:
angular, ionic, pinterest, prototype, photos, social

Pinterest UI - Lite

Looking for older Ionic version?

You can find Pinterest UI (Ionic 1) sold separately here.

Payment methods

Pay via Stripe using the button PURCHASE $9 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 [email protected] before you pay via PayPal using the button below Purchase Externally

Introduction

Pinterest is a visual discovery tool that you can use to find ideas for all your projects and interests. Pinterest has always been my top favorite app when it comes to UI/UX design.

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: 69e4aaae

Ionic View App Version
Ionic View Ionic View (blue icon) - 69e4aaae

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

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

See more of my works

Happy prototyping!

enter image description here

Changelog

Last updated: Jun 25 2018

v1-ionicMarket-pinterest-lite-c8039565059e

  • First version

Screens

  1. List
  2. Detail
  3. Sample Tabs

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

5.Start local server

$ ionic serve

6.Your default browser should now automatically open the app

Notes

1.Included these components and pages

▼ components
    > more-like-this
    > pin-item
    > recommendation
      components.module.ts
▼ pages
    > explore
    > following
    > home
    > notifications
    > pin-detail
    > saved
    > tabs

2.Modify the default theme colors to match LinkedIn's color in src/theme/variables.scss

$colors: (
  primary:    #084f90,
  secondary:  #32db64,
  danger:     #bd081c,// Pinterest primary color
  light:      #efefef,
  dark:       #222,
  white:      #fff,
  muted:      #b7b4b8
);

3.I personally like the look on iOS so I forced the theme to iOS mode. You can config that to suit your need

# in src/app/app.module.ts
IonicModule.forRoot(MyApp, {
      mode: 'ios',// TODO: to have same iOS look for all platforms
      backButtonText: '',
    })

Support

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

Homepage: http://hieugoesto.com

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

There are no comments for this theme yet

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

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