https://github.com/williamjuan027/nativescript-cardflip-demo

https://github.com/williamjuan027/nativescript-cardflip-demo

Last synced: 17 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/williamjuan027/nativescript-cardflip-demo
• Owner: williamjuan027
• Created: 2020-04-04T20:46:01.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2023-01-07T16:54:08.000Z (almost 2 years ago)
• Last Synced: 2024-10-09T13:42:05.744Z (about 1 month ago)
• Language: JavaScript
• Size: 8.18 MB
• Stars: 4
• Watchers: 2
• Forks: 0
• Open Issues: 12
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Nativescript Card Flip

This app is a demonstration of how to create a card flip effect utilizing Nativescript's 3d rotation. [Here](https://nativescripting.com/posts/cardflip-animation-in-nativescript) is a more in depth explanation of how this was done.

![demo](https://github.com/williamjuan027/nativescript-cardflip-demo/blob/master/screenshots/screenshot.gif)

## Development

This app is built with the NativeScript CLI. Once you have the [CLI](https://docs.nativescript.org/start/quick-setup) installed, start by cloning the repo:  

```

git clone https://github.com/williamjuan027/nativescript-cardflip-demo

cd nativescript-cardflip-demo

```

From there you can use the `run` command to run the app on iOS:  

```

tns run ios

```

And the same command to run the app on Android:  

```

tns run android

```

**Note:** Cards are set up in the `card` directory with the the front and back components in their respective folders.