A modern, minimal, and persistent To-Do List app built with React Native and Expo.
Features a dark theme with orange accents, custom modals, and persistent storage.
You can add, edit, mark, share, and delete tasks.
- Add tasks with title and description
- Mark tasks as complete/incomplete with a checkbox
- Edit, share, and delete tasks
- Custom delete confirmation modal (see above)
- Persistent storage using AsyncStorage
- Dark/orange modern UI matching the provided design
-
Clone the repository
git clone cd
-
Install dependencies
npm install
-
Install required packages
npm install @react-navigation/native @react-navigation/native-stack npm install @react-native-async-storage/async-storage npm install react-native-vector-icons npx expo install react-native-screens react-native-safe-area-context
-
(Expo only) If you use Expo, install vector icons
npx expo install react-native-vector-icons
-
Start the Expo development server:
npx expo start
-
On your phone:
- Download the Expo Go app from the Google Play Store or Apple App Store.
- Scan the QR code shown in your terminal or browser after running expo start.
- The app will open on your device.
-
On an emulator/simulator:
- For Android: Use Android Studio's AVD Manager to launch an emulator, then press a in the Expo CLI.
- For iOS: Use Xcode's simulator, then press i in the Expo CLI.
Click here to watch the demo video
App.js HomeScreen.js TaskScreen.js assets/ └── (optional images or icons)
- All tasks are stored locally and will persist between app restarts.
- The UI is fully responsive and works on both Android and iOS.
- For custom branding or feature requests, edit the styles or components as needed.