Coupon Offer React Native Theme
Uncategorized

Coupon Offer React Native Theme

Author: devlab-worksPrice: $29

Theme Name : CouponOffer React Native App Template (User + Merchant App)

Item Version : v 1.0

Author : devlab-works

Framework : React Native

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 React Native Theme - 1

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)<br>

File Structure

(Components)<br>

Components

(Screens)<br>

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”

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

\

Similar Posts

Leave a Reply

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