It is a coupon and reward App constructed with React Native for android and iOS platform. There are two apps within the source-code that’s Person and Service provider Utility
Designed to avoid wasting hours of labor for creating distinctive UI, a robust starter mission that bootstraps improvement of your cellular utility. The appliance’s visible design can simply be personalized.
Model: 1.0
Information Included: Full Supply Code of React Native App (Android and iOS)
Theme Title : CouponOffer React Native App Template (Person + Service provider App)
In case of any challenge, ship us your question on our e-mail [email protected]
Testing objective
This app is a single login utility that accommodates each Person and Service provider Utility
- For Service provider App, login with the next credential
- username: admin
- password: admin
- For Person App, login with the next credential
- username: person
- password: person
and plenty of extra screens….
Necessities
You will want the next sofwares to customise this template.
- Code Enhancing Software program (eg:Visual Studio Code, and so on)
- Units for testing (eg: Android)
WHAT YOU GET IN PACKAGE
- Supply Code of Apps with Single Login
- Undertaking Documentation
Improvement Environments
Set up these with a view to efficiently run this theme in your units.
- Android Studio 3.0 or above + Android SDK:https://developer.android.com/studio/
- Code Editor (Visible Studio Code):https://code.visualstudio.com/download
- Node:https://nodejs.org/en/
- Python2 or above:https://www.python.org/downloads/
Person App Screens
- Splash Display screen
- 3 Intro Display screen
- Login Display screen
- Forgot Password Display screen
- Signup Display screen
- House Display screen
- Provide Display screen
- Reward Display screen
- Settings Display screen
- Notification Display screen
- Service provider Particulars Display screen
- Expertise Display screen
- Add Expertise Display screen
- Redeem Provide Display screen
- Map Display screen
- Profile Display screen
- Success Display screen
- Message Display screen
Service provider App Screens
- Splash Display screen
- Login Display screen
- Forgot Password Display screen
- Signup Display screen
- Enterprise Plans Display screen
- House Display screen
- Location Display screen
- Add Location Display screen
- Set Map Location Display screen
- Add Provides/Coupon Display screen
- View Provide Display screen
- Ship Message to Person Display screen
- Latest Go to Person Display screen
- Notification Display screen
Additionally Github Motion is added within the .github/workflows/motion.yml which can will let you mechanically construct APK utilizing Github
Added API Help
- Google Maps API
- Geolocation API
(Elements, Screens and Belongings)
(Elements)
(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”
Want Help in Setting Up?
Don’t fear. We obtained you coated. Checkout the next plans
Dev Plans
Instruments used
- ESLINT Used for formatting
- Effectively commented code<br>
Setup Google Maps API
Comply with the steps current on this hyperlink https://www.wpgmaps.com/documentation/creating-a-google-maps-api-key/<br>
OR<br>
Video: Easy methods to Create a Google Maps API key<br>
(https://www.youtube.com/watch?v=nADMsw2xjyI)
Add the Google Maps API key right here in android/app/src/principal/AndroidManifest.xml on line 16
Generate APK for various structure
Set the worth of universalApk to false
