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