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

Download CouponOffer React Native Android

Coupon Offer Android and iOS React Native Theme

and many more screens….

Requirements

You will need the following sofwares to customize this template.

Code Editing Software (eg:Visual Studio Code, etc)
Devices for testing (eg: Android)

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.

Android Studio 3.0 or above + Android SDK:https://developer.android.com/studio/
Code Editor (Visual Studio Code):https://code.visualstudio.com/download
Node:https://nodejs.org/en/
Python2 or above:https://www.python.org/downloads/

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)

File Structure

(Components)

Components

(Screens)

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

Coupon Offer App - React Native Theme - 1

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>

(https://www.youtube.com/watch?v=nADMsw2xjyI)

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

$\\$

Coupon Offer App - React Native Theme