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. That might be a big part of their successful IPO at $12.7bn last April.

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

Download APK to preview the theme:

enter image description here pinterest-lite-4_demo.apk

Watch on Youtube

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

Happy prototyping!

Changelog

Note: All updates are on Ionic 4

Last updated: May 12 2019

v1

  • First version

Screens

  1. List - auto hide tab bar
  2. Detail
  3. Sample Tabs
  4. Dark mode toggle

Run locally

1.Install Ionic environment

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

5.Start local server

$ ionic serve

6.Your default browser should now automatically open the template

Notes

1.Modify the default theme colors to match Pinterest’s colors in src/sass/variables.override.scss

:root {
  /** primary **/
  --ion-color-primary: #e60023;
  --ion-color-primary-rgb: 230,0,35;
  --ion-color-primary-contrast: #ffffff;
  --ion-color-primary-contrast-rgb: 255,255,255;
  --ion-color-primary-shade: #ca001f;
  --ion-color-primary-tint: #e91a39;
  --ion-text-color: #333;
}

  ...

2.I personally like the look of the app on iOS so I forced the theme to iOS mode. You can change that configuration to suit your need

# in src/app/app.module.ts
    IonicModule.forRoot({
      mode: 'ios',
      backButtonText: '',
    }),
    ...

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


<StartOfPromotion>

[PROMO] Ionic 3 Bundle: 6 in 1

Proudly introduce the best of my Ionic 3 products: 3 themes + 3 plugins in Studio Pack #2 now on sale with promotion code 19SPEED. Please click the button below for more information.

Purchase Externally

</EndOfPromotion>