https://github.com/kiok46/ReactNative-Animation-Challenges

A series of animation challenges in React Native.
https://github.com/kiok46/ReactNative-Animation-Challenges

android animation challenge counter hamburger-menu instagram ios music-player notifications photo-gallery react react-native reactnative-animation-challenges series switch

Last synced: 16 days ago
JSON representation

A series of animation challenges in React Native.

• Host: GitHub
• URL: https://github.com/kiok46/ReactNative-Animation-Challenges
• Owner: kiok46
• License: mit
• Created: 2018-01-12T15:47:18.000Z (almost 7 years ago)
• Default Branch: master
• Last Pushed: 2018-01-18T14:09:16.000Z (almost 7 years ago)
• Last Synced: 2024-07-31T19:44:23.985Z (3 months ago)
• Topics: android, animation, challenge, counter, hamburger-menu, instagram, ios, music-player, notifications, photo-gallery, react, react-native, reactnative-animation-challenges, series, switch
• Homepage:
• Size: 5.86 KB
• Stars: 372
• Watchers: 21
• Forks: 55
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# ReactNative-Animation-Challenges

A series of animation challenges in React Native.

## Source Code:

- [ReactNative-Challange-1:  Counter](https://github.com/kiok46/ReactNative-Animation-Challenges#reactnative-challenge-1) ||  [ code](https://github.com/kiok46/ReactNative-Challenge-1)

- [ReactNative-Challange-2:  ContactSync](https://github.com/kiok46/ReactNative-Animation-Challenges#reactnative-challenge-2) || [code](https://github.com/kiok46/ReactNative-Challenge-2)

- [ReactNative-Challange-3:  PhotoGrid](https://github.com/kiok46/ReactNative-Animation-Challenges#reactnative-challenge-3) || [code](https://github.com/kiok46/ReactNative-Challenge-3)

- [ReactNative-Challange-4:  Photo Zoom](https://github.com/kiok46/ReactNative-Animation-Challenges#reactnative-challenge-4) || [code](https://github.com/kiok46/ReactNative-Challenge-4)

- [ReactNative-Challange-5:  Place Notification](https://github.com/kiok46/ReactNative-Animation-Challenges#reactnative-challenge-5) || [code](https://github.com/kiok46/ReactNative-Challenge-5)

- [ReactNative-Challange-6:  Floating Burger](https://github.com/kiok46/ReactNative-Animation-Challenges#reactnative-challenge-6) || [code](https://github.com/kiok46/ReactNative-Challenge-6)

- [ReactNative-Challange-7:  Music Player](https://github.com/kiok46/ReactNative-Animation-Challenges#reactnative-challenge-7) || [code](https://github.com/kiok46/ReactNative-Challenge-7)

## Featured

    

## ReactNative-Challenge-1

Inspired from: Addition Subtraction (Counter)

https://uimovement.com/ui/2513/addition-subtraction/

[code](https://github.com/kiok46/ReactNative-Challenge-1)

Android ✔️    iOS ✔️



# ReactNative-Challenge-2

Inspired from: ContactSync (Counter)

https://uimovement.com/ui/2334/contact-sync/

[code](https://github.com/kiok46/ReactNative-Challenge-2)

Android ✔️    iOS ✔️



# ReactNative-Challenge-3

[code](https://github.com/kiok46/ReactNative-Challenge-3)

Android ✔️    iOS ✔️



# ReactNative-Challenge-4

Inspired from: Instagram

Follow me on Instagram: https://www.instagram.com/kuldeep_kiok46/

[code](https://github.com/kiok46/ReactNative-Challenge-4)

Android ✔️    iOS ✔️



# ReactNative-Challenge-5

Inspired from: Place Notification:  https://uimovement.com/ui/4679/place-notification/

[code](https://github.com/kiok46/ReactNative-Challenge-5)

Android ✔️    iOS ✔️



# ReactNative-Challenge-6

Inspired from: Floating Burger:  https://dribbble.com/shots/1746065-Floating-burger-2-0

[code](https://github.com/kiok46/ReactNative-Challenge-6)

Android ✔️    iOS ✔️



# ReactNative-Challenge-7

Inspired from: Jedi Principles of UI Animation:  https://in.pinterest.com/pin/785948572443687502/

[code](https://github.com/kiok46/ReactNative-Challenge-7)

Android ✔️    iOS ✔️

## Try on Expo

https://expo.io/@kiok46/7_music