This is a coupon and reward App built with React Native for android and iOS platform. There are two apps in the source-code that is User and Merchant Application
Designed to save hours of work for creating unique UI, a powerful starter project that bootstraps development of your mobile application. The application’s visual design can easily be customized.
Version: 1.0
Files Included: Full Source Code of React Native App (Android and iOS)
Theme Name : CouponOffer React Native App Template (User + Merchant App)
In case of any issue, send us your query on our email admin@devlab.works
Testing purpose
This app is a single login application that contains both User and Merchant Application
- For Merchant App, login with the following credential
- username: admin
- password: admin
- For User App, login with the following credential
- username: user
- password: user
and many more screens….
Requirements
You will need the following sofwares to customize this template.
WHAT YOU GET IN PACKAGE
- Source Code of Apps with Single Login
- Project Documentation
Development Environments
Install these in order to successfully run this theme in your devices.
User App Screens
- Splash Screen
- 3 Intro Screen
- Login Screen
- Forgot Password Screen
- Signup Screen
- Home Screen
- Offer Screen
- Reward Screen
- Settings Screen
- Notification Screen
- Merchant Details Screen
- Experience Screen
- Upload Experience Screen
- Redeem Offer Screen
- Map Screen
- Profile Screen
- Success Screen
- Message Screen
Merchant App Screens
- Splash Screen
- Login Screen
- Forgot Password Screen
- Signup Screen
- Business Plans Screen
- Home Screen
- Location Screen
- Add Location Screen
- Set Map Location Screen
- Add Offers/Coupon Screen
- View Offer Screen
- Send Message to User Screen
- Recent Visit User Screen
- Notification Screen
Also Github Action is added in the .github/workflows/action.yml which will allow you to automatically build APK using Github
Added API Support
- Google Maps API
- Geolocation API
(Components, Screens and Assets)
(Components)
(Screens)
Packages used
- @react-native-community/datetimepicker”: “2.6.0”,
- “@react-native-community/masked-view”: “0.1.10”,
- “@react-native-community/slider”: “3.0.0”,
- “@react-native-picker/picker”: “1.15.0”,
- “esdoc-standard-plugin”: “1.0.0”,
- “native-base”: “2.13.12”,
- “react”: “16.11.0”,
- “react-native”: “0.62.2”,
- “react-native-animatable”: “1.3.3”,
- “react-native-app-intro-slider”: “4.0.4”,
- “react-native-circular-progress”: “1.3.6”,
- “react-native-datepicker”: “1.7.2”,
- “react-native-gesture-handler”: “1.6.1”,
- “react-native-get-location”: “1.4.2”,
- “react-native-image-picker”: “2.3.3”,
- “react-native-image-slider”: “2.0.3”,
- “react-native-image-slider-box”: “1.0.12”,
- “react-native-lightbox”: “0.8.1”,
- “react-native-linear-gradient”: “2.5.6”,
- “react-native-maps”: “0.27.1”,
- “react-native-masked-view”: “0.2.0”,
- “react-native-modal”: “11.5.6”,
- “react-native-parallax-header”: “1.1.3”,
- “react-native-raw-bottom-sheet”: “2.2.0”,
- “react-native-reanimated”: “1.8.0”,
- “react-native-safe-area-context”: “3.1.9”,
- “react-native-screens”: “2.5.0”,
- “react-native-simple-radio-button”: “2.7.4”,
- “react-native-simple-toast”: “1.1.2”,
- “react-native-slider”: “0.11.0”,
- “react-native-svg”: “12.1.0”,
- “react-native-swipe-list-view”: “3.1.3”,
- “react-native-vector-icons”: “6.6.0”,
- “react-native-video”: “5.1.0-alpha8”,
- “react-navigation”: “4.2.2”,
- “react-navigation-stack”: “2.3.11”,
- “react-navigation-tabs”: “2.8.11”,
- “react-navigation-transitions”: “1.0.12”,
- “reanimated-bottom-sheet”: “1.0.0-alpha.19”,
- “rn-placeholder”: “3.0.1”
Need Assistance in Setting Up?
Don’t worry. We got you covered. Checkout the following plans
Dev Plans
Tools used
- ESLINT Used for formatting
- Well commented code<br>
Setup Google Maps API
Follow the steps present on this link https://www.wpgmaps.com/documentation/creating-a-google-maps-api-key/<br>
OR<br>
Video: How to Create a Google Maps API key<br>
)
Add the Google Maps API key here in android/app/src/main/AndroidManifest.xml on line 16
Generate APK for different architecture
Set the value of universalApk to false
