Show DEV: I built an Event Countdown app with React Native & Typescript

tldr: download it here

The App

I recently created an Events Countdown app for iOS.
Basically, user can create event like Birthday, Anniversary, ... and the app will show a countdown time until or since the event.
User can also add reminder days, weeks, months before or after the event.

Here is a demo video.
It's not shown in the video but the user can choose different display mode like: List, Grid or Carousel and sizes,...

It's free to use. You can create unlimited number of events, reminders, you can switch between dark/light theme... All the core features of an Event Countdown apps are free. But there are interstitial ads after the user created an event once in a while. (using facebook audience network and google admob).

Some premium features like layouts, online gallery, cloud syncing,... are unlocked through a subscription monthly or yearly.

Dev

About 9 months ago, I shared with you my tips when getting started with React Native along with my architecture typescript-react-native-starter that help you start quickly. And I learned a lot from you in the comments. This project is created with it!

I also tried to contribute some open-source components like:

• react-native-easy-icon: wrapper component of react-native-vector-icons to use icon easily
  

  import Icon from 'react-native-easy-icon';
  
  <Icon type="feather" name="award" color="coral" size={21}/>
  

• react-native-unsplash: The online gallery feature that you see from the video use directly this component. It's basically a photos browser using the unsplash api.

• react-native-store-rate: I'm still testing this so I don't recommend you to use

All of my components above are written in typescript so it's kinda self-documented, I didn't have the time to update the documentation so PRs are welcome :).

The app is available on iOS only since I don't have an android device to test it on android and I don't want to publish an emulator-tested-only app.

You can test it here: https://apps.apple.com/us/app/timecount-day-counter/id1497946231

I would love to hear feedbacks from developers. Thank you!

Comments

[Boris Krstić]

Hey,

I cannot select time or date. App is used on iPhone 11 Pro. It happens on light mode.
:Update: You can actually select the date, but the color of the fonts are white so they are not visible :)

[Arthur Dao]

Hi, thank you for your feedback.
This is a known bug due to your dark mode being enabled which makes the date time picker's text color being white.
It should be fixed in the next release.

[Arthur Dao]

Thanks!

[Stefano Armenes]

Can you share learning resources you used to study react-native or you suggest? :) your app is really cool!

[Arthur Dao]

Thanks!

I mainly learned from the official documentation of React Native & then through projects. When I don't know how to do something in React Native I just search on Google. The key is I tried to really understand HOW it works & force myself to do things that I don't know.

In the Notes section of typescript-react-native-starter, I also give some use tips when dev & deploy with React Native.