Podcast App for Android & iOS built using React Native that includes Firebase Cloud Messaging and react-native-video component.
- User Sign Up, Sign In and Forgot Password
- @react-navigation Bottom Tabs Navigator along with Stack Navigator
- A full-screen Video Player component using react-native-video
- Firebase Push Notifications for iOS and Android with react-native-push-notification, @react-native-community/push-notification-ios & @react-native-firebase/messaging
- Node 12 or newer
- Java SE Development Kit (JDK) version 8 or newer
- Android Studio
# Clone the repo
git clone
cd react-native-podcast-app
# Dependencies
npm install
# iOS only
cd ios && pod install && cd ..
# Run iOS
npx react-native run-ios
# Run Android
npx react-native run-android
-
📄
App.js: The main component that gets registered byindex.js. This acts as a main navigator, navigating either to the Login Page or the Dashboard Page depending on whether the user has logged in or not. -
📁
src: Contains the actual React front-end for the App.- 📄
src/assets: Exposes all the assets such as fonts, icons and images. - 📄
src/components: Reusable components such as header, footer placed here. - 📄
src/interceptor: Axios request interceptor to attach authorization bearer token in all api request. - 📄
src/navigations: @react-navigation component that registers all the screen as a stack or tab navigator. - 📄
src/screens: Contains the actual UI for the App's front-end. - 📄
src/services: Axios api request functions. - 📄
src/styles: react-native StyleSheet.
- 📄
-
📁
ios: Contains the basic skeleton for a React Native iOS appn. -
📁
android: Contains the basic skeleton for a React Native Android app.- 📄
android/app/build.gradle: The gradle build file for the Android project. - 📁
android/app/src/main/java/com/cninfotech/andelskungen: Contains the actual Java source code of the Project.
- 📄
- In android/local.properties add following line: sdk.dir = YOUR_ANDROID_SDK_PATH