Created for an app challenge from devprojects (https://codementor.io)
Link: (https://www.codementor.io/projects/mobile/countdown-mobile-app-bjzn08zcon)
I wanted to create this project for practice, to learn, to challenge myself, to release to the appstores. Check out the video demo below.
countdown.mov
React Native Expo
Built with
The UI should include:
- A countdown screen with a timer for the selected event ✅
- A button to add a new countdown event ✅
- A list of all active countdown events ✅
For an extra challenge:
- Allow users to view archives of past events ✅
- Automatically trigger push notification reminders x days before each event 🟨 (planning)
- Allow users to customize the look and feel of each event (i.e. choose a color scheme, add an emoji, or upload custom background images)✅
- Create an iOS or Android widget to show countdown timers on the user’s home screen 🟨 (planning)
yarn
If you'd like to contribute, submit a pull request.
Built using this UI/UX design: https://dribbble.com/shots/7077105-Daily-UI-challenge-014-Countdown-Timer
[@eva-design/eva]
[@expo/vector-icons]
[@react-native-async-storage/async-storage]
[@react-native-community/datetimepicker]
[@react-navigation/bottom-tabs]
[@react-navigation/native]
[@react-navigation/native-stack]
[@ui-kitten/components]
[expo]
[expo-asset]
[expo-constants]
[expo-font]
[expo-haptics]
[expo-linear-gradient]
[expo-linking]
[expo-splash-screen]
[expo-status-bar]
[expo-system-ui]
[expo-web-browser]
[less]
[lodash]
[prop-types]
[react]
[react-dom]
[react-native]
[react-native-animatable]
[react-native-elevation]
[react-native-gradients]
[react-native-safe-area-context]
[react-native-screens]
[react-native-svg]
[react-native-web]
[sprintf-js]
I wanted the final product as close to the UI/UX design while achieving the app requirements. Planning to release to Apple/Google AppStores.