Countdown mobile app

You will practice collecting user input, sending scheduled push notifications, sharing data between screens, and working with a database.

Users enter a name for their countdown timer (e.g. “My Wedding”) and enter a date and time for when the event will take place. Afterwards, users can view the countdown screen for an event, showing how many days and hours are left.

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
• Allow users to customise 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

This project can be implemented as a cross-platform app with React Native. To focus on native iOS development, use Swift for the implementation. To focus on native Android development, use Java and the Android SDK for the implementation.

For inspiration on design and functionality, test out some popular countdown apps. Try adding some countdown events and take note of the experience. What do you like, or not like, about them? Is there anything your app can do better, or differently?

• Countdown (iOS)
• Countdown‪° (iOS)
• Countdown Widget (Android)
• Days (iOS)
• Time Until (Android)

The best way to make a simple app stand out is to design it beautifully. Check out these countdown timer designs on Dribbble for inspiration.