React Native Todoist Clone with Clerk, RevenueCat & Sentry

This is a React Native Todoist clone using Clerk for user authentication and RevenueCat for in-app purchases and subscriptions.

For improved debuggability, we've added Sentry to the project.

Additional features:

• Expo Router file-based navigation
• Expo SQLite for storing chats and messages
• Sentry for error tracking
• RevenueCat for subscription management
• React Hook Form for form handling
• Calendars for calendar component
• Bouncy Checkbox for checkbox component
• Haptics for haptic feedback
• Reanimated 3 for animations
• Gesture Handler for gestures
• RN MMKV for efficient key/value storage
• Sonner Native for toast notifications

Setup

Environment Setup

Make sure you have the Expo CLI installed.

Because we are using pre-built and a custom development client, you should download Android Studio and Xcode to your Mac. For more information on setting up your development environment, refer to the Expo documentation for Android Studio and the React Native documentation for Xcode.

App Setup

To build the app, perform the following steps:

1. Clone the repository
2. Run npm install
3. Run npx expo prebuild
4. Run npx expo run:ios or npx expo run:android

Sentry Setup

1. Create a Sentry account and project
2. Go to Project Settings and select Client Keys
3. Copy the DSN and add it to the .env file

App Screenshots

Demo

Sentry Screenshots

🚀 More

Take a shortcut from web developer to mobile development fluency with guided learning

Enjoyed this project? Learn to use React Native to build production-ready, native mobile apps for both iOS and Android based on your existing web development skills.