rohan-buechner / react-native-animated-todo

Animated ToDo app built with React Native and Reanimated v2

Smoothly Animated ToDo App built with React Native

Try the demo on

The animated checkbox component has been published as an NPM module react-native-checkbox-reanimated.

Tutorial

Watch how I built this website on YouTube:

Stack

• React Native - ReactJS-based framework that can use native platform capabilities
• Expo - Toolset for building and delivering RN apps
• React Navigation(v6) - Routing and navigation
• NativeBase(v3) - Themable component library
• React Native Reanimated - Animations
• React Native SVG - Drawing SVG
• Moti - Helper module for Reanimated 2

Project structure

$PROJECT_ROOT
├── App.tsx        # Entry point
└── src
    ├── screens    # Screen components
    ├── components # UI components
    ├── utils      # Custom hooks and helpers
    └── assets     # Image files

Credits

• SALY 3D Illustration Pack
• Animated SVG stroke example by William Candillon

How to dev

This project can be run from the Expo client app.

yarn
yarn start

---

Looking for a Markdown note-taking app? Check out my app called Inkdrop: