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: