/ in /

Coupon Offer App – React Native Theme template app

Coupon Offer App – React Native Theme

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

Download CouponOffer React Native Android APK

Coupon Offer Android and iOS React Native Theme
Coupon Offer Android and iOS React Native Theme
Coupon Offer Android and iOS React Native Theme
Coupon Offer Android and iOS React Native Theme
Coupon Offer Android and iOS React Native Theme
Coupon Offer Android and iOS React Native Theme
Coupon Offer Android and iOS React Native Theme
Coupon Offer Android and iOS React Native Theme

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)

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

Reviews

Please leave your review here regarding the use of “Coupon Offer App – React Native Theme”

Your email address will not be published. Required fields are marked *

12
Not rated yet
Live Preview External Product via Envato
Need template issues resolved?
Ask author( a admin ) directly!

    Updated on: 30 October 2021
    Created on: 30 October 2021
    Codemarket