An Interest In:
Web News this Week
- April 24, 2024
- April 23, 2024
- April 22, 2024
- April 21, 2024
- April 20, 2024
- April 19, 2024
- April 18, 2024
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
Dev To
An online community for sharing and discovering great ideas, having debates, and making friendsMore About this Source Visit Dev To