A simple, modern task management app built with React Native and Expo.
Add, complete, and delete tasks with smooth animations and an intuitive mobile UI.
- Add Tasks: Quickly add new tasks via a modal popup.
- Complete Tasks: Tap the checkbox to mark tasks as complete (with a bounce animation).
- Delete Tasks: Swipe left on a task to reveal the delete button, then tap to remove (with fade-out animation).
- Animated UI: Tasks fade in when added and fade out when deleted for a polished user experience.
- Responsive Design: Works on both iOS and Android devices.
- Accessible: Large touch targets and clear color contrast.
- git clone https://github.com/baswartz/simple-task-manager.git
- cd task-manager
- npm install
- npx expo start
- iOS / Android:
Install Expo Go from the App Store or Google Play. - Scan the QR code in your terminal or browser with Expo Go.
- Or, on computer use web browser option through Expo
- The app will open instantly!
- React Native (with Expo)
- expo-router for navigation
- react-native-reanimated for smooth animations
- react-native-swipe-list-view for swipe-to-delete functionality
- @expo/vector-icons for icons
- TypeScript throughout for type safety.
- Reusable Components: Task, Button, and Modal are modular and easy to maintain.
- Add a Task: Tap "Add a task", enter a description, and tap "Add Task".
- Complete a Task: Tap the checkbox next to any task.
- Delete a Task: Swipe left on a task and tap the trash can.
- Empty State: Delete all tasks to see the "No tasks yet." message.
- All features work in Expo Go; no custom native modules required.
- No setup beyond
npm installandnpx expo start. - For any questions, please contact [baswartz@umich.edu].
MIT
Thank you for reviewing!