Your Web News in One Place

Help Webnuz

Referal links:

Sign up for GreenGeeks web hosting
March 28, 2020 04:52 pm GMT

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!


Original Link: https://dev.to/newbiebr/show-dev-i-built-an-event-countdown-app-with-react-native-typescript-33f9

Share this article:    Share on Facebook
View Full Article

Dev To

An online community for sharing and discovering great ideas, having debates, and making friends

More About this Source Visit Dev To