Перейти к содержимому

Build a Full Stack Medicine Reminder React Native App with | Async Storage, TypeScript, Notification

Albert Mends

0:00 / 0:00

Build a Full Stack Medicine Reminder React Native App with | Async Storage, TypeScript, Notification

68 375 просмотров · 1 год назад
Albert Mends
17,5 тыс. подписчиков
68 375 просмотров · 1 год назад
Discord channel link:   / discord   Discover how to create a professional medication tracking app with React Native, Expo, and TypeScript. This comprehensive tutorial covers everything from push notifications to biometric authentication. Setting up android studio on Windows :    • How to Install Android Studio on Windows 11   Setting up android studio on Mac:    • How to Install Android Studio on Mac | Ins...   Setting up xcode/ios simulator on Mac:    • How To Install Xcode and iOS Emulator On M...   💊 Key Features: Medication scheduling with custom reminders Refill tracking and supply management Cross-platform iOS/Android compatibility Biometric authentication (Face ID/Touch ID) Daily progress tracking and history logging Calendar integration for dose management Secure local data storage with AsyncStorage 📱 Tech Stack: React Native: Cross-platform mobile development Expo: Native app features and tooling TypeScript: Type-safe codebase React Navigation: Smooth app navigation Expo Notifications: Push notification system AsyncStorage: Local data persistence React Native Reanimated: Smooth animations 🎓 What You'll Learn: React Native fundamentals and best practices Expo ecosystem integration Push notification implementation Biometric authentication flow Local data management strategies Calendar and scheduling features UI/UX best practices for mobile apps 📚 Project Highlights: Medication reminder system with custom times Refill tracking with low supply alerts Daily progress visualization Secure authentication flow Cross-platform compatibility Clean and modern UI design 👨‍💻 Tutorial Includes: Project setup with Expo Authentication screen development Home dashboard implementation Medication form with scheduling Calendar integration Notification system setup Data persistence strategies Deployment considerations ⭐ Key Technologies: React Native: https://reactnative.dev/ Expo: https://expo.dev/ TypeScript: https://www.typescriptlang.org/ React Navigation: https://reactnavigation.org/ Expo Notifications: https://docs.expo.dev/versions/latest... 📚 Materials/References: GitHub Repo (give it a star ⭐): https://github.com/mendsalbert/medici... README (assets & code): https://github.com/mendsalbert/medici... 👋 Social Media:   / mendsalbert     / mends-albert   https://t.me/albertmends 💼 Business inquiries: albert.k.mends@gmail.com 👨🏽‍💻 Tools and Tech Stack React Native, Expo, TypeScript, React Navigation, Expo Notifications, AsyncStorage, React Native Reanimated, React Native SVG, React Native Community DateTimePicker #ReactNative #Expo #MobileDevelopment #MedicationReminder #TypeScript #MobileApp #CodingTutorial #AppDevelopment #Programming #TechTutorial Time Stamps 👇 00:00:00 - Intro 00:00:26 - demo 00:03:20 - tech stack & prerequisites 00:09:26 - setting up expo 00:20:49 - splash screen 00:36:17 - auth screen 01:21:35 - layout 01:27:23 - home page 02:44:39 - add medication screen 04:15:06 - async storage & notification 04:40:26 - medication screen cont' 05:06:51 - calendar screen + conclusion