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:

GitHub

View Github