Code

Coupon Offer App - React Native Theme

Coupon Offer App - React Native Theme

Cart 19 sales
Coupon Offer App - React Native Theme - CodeCanyon Item for Sale

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>

(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

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve CodeCanyon.

Sure, take me to the survey