crowdbotics-apps / billowing-field-25124

This react_native application was built with Crowdbotics www.crowdbotics.com

Crowdbotics React Native scaffold

After cloning this repo, you will need to install the dependencies:

cd ProjectName

yarn install

Then, you need to install the Podfile:

cd ios

pod install

Installing all dependencies in for development

Please follow this guide and install the correct dependencies for your current OS and the OS that you want to build (iOS or Android)

https://facebook.github.io/react-native/docs/getting-started.html#installing-dependencies

Setup

Google config

There is two files that you need to edit to make work the push notifications, google sign up and other Google Services:

1. ios/GoogleService-Info.plist
2. android/app/google-services.json

You need to create a project in firebase console and update all the credentials on both files (current files have invalid credentials)

Also, you will need to modify your URL types in Info, follow this instructions:

Finally, you will need to add GoogleService-Info.plist (file reference) to your iOS project via xcode.

1. Open billowing_field_25124.xcodeprojin xcode.
2. Go to main target > Build Phases > Copy Bundle resources
3. Tap un add button
4. Search the GoogleService-Info.plistinside ios folder.
5. Make sure you can see GoogleService-Info.plist inside in xcode. Like this:

Running with React Native CLI

Running android simulator

1. Activate android emulator following this instructions
2. react-native run-android from project home folder

Running iOS simulator

1. Go to ios folder and run pod install (if you don't have pod installed, follow this instructions )
2. Run react-native run-ios from project home folder.

If you find any compiling problems, try to clean your cache. From the home app folder run:

cd node_modules/react-native/scripts && ./ios-install-third-party.sh && cd ../../../

and

cd node_modules/react-native/third-party/glog-0.3.5/ && ../../scripts/ios-configure-glog.sh && cd ../../../../

Running with Fastlane

Fastlane makes testing, building, and deploying apps easier.

Install fastlane globally (npm i -g fastlane or yarn i -g fastlane). Android and iOS dependencies are the same as React Native CLI.

All fastlane commands are run from the platform directory. For example, Android commands must be run from android/. Fastlane should be executed using bundle exec to ensure dependencies are managed correctly.

The commands for Android and iOS are the same:

• Run tests: bundle exec fastlane tests
• Local build: bundle exec fastlane build
• Build and upload a beta (requires signing): bundle exec fastlane beta
• Build or promote a release: bundle exec fastlane deploy

Android

Publish an Android app you must first create an app in the Play Console and manually upload an APK. After the first upload run bundle exec fastlane supply init from android/ to sync with the Play store. All future releases will be uploaded automatically.

Android uses tracks. A beta release will build the app and upload to the beta track. Deploying will promote from beta to production.

iOS

CB developers must follow fastlane's codesigning guide for using match. Match will automatically sign iOS builds.

New CB developers should get access to the codesigning repo and run bundle exec fastlane match development from ios/.

Not a CB developer? Create an Apple developer and follow the instructions on codesigning guide to setup your certificates.

React Native Web

It is to build and deploy your app as web platform which run on browser

Please follow the steps

• please run yarn web-build
• the web_build folder is generated and copied to backend/ automatically. please commit/push the web_build folder to git

Known Issue

• the icons is not rendering properly for web app. It will come in next release.
  • To do it yourself, you can update webpack config to handle ttf files using url-loader (or file-loader) so that icons can be injected to CSS/stylesheet and showed on web

billowing-field-25124's Issues

Control User Roles and Permissions

This feature allows an administrator to specify what controls a user can see on the mobile device depending on their roles and responsibilities.

Certification Tracking

This feature displays information about candidate certifications. It contains a list of certifications that can be added to a personalized list in a separate screen where a user can keep track of which certifications they have obtained.

Intermediate Workflows

This feature supports moderately complex apps that require some custom logic or algorithmic functions.

Order Detail View

This feature is used to display details of an order placed by a user. It contains one or many items in a list view where a user can view and navigate the orders they have placed. It contains a custom background, branding, and a scrollable list view.

User Stories

As a user, I would like to view the current status of an order I have already placed and any other details related to that.

2FA (2 Factor Authentication)

This is a security feature for user login. Two-factor authentication allows a user to specify a phone number to receive a text. The text is sent to them each time they log in. It can contain text input fields, and integration of an SMS service.

User Stories

As an app user, I would like to enable or disable 2FA for my user account.

In-App Wallet for Storing User Credits

This feature allows a user to have a credit wallet within the app. A user has their wallet with coins that they can use. A typical use case would be a betting app. A user can use coins to purchase bets. Coins can be purchased, and they are also earned.

Appointment Management

This feature allows a user to book and manage appointments in the app. This feature schedules appointments with logged in users, which means that a user has to sign in to the app to book an appointment. It contains one or more screens to book an appointment, a date and time picker to select the available date and time, and a way to view the final booking. An authorized user can either update an apopintment or delete it.

User Stories

As a user, I would like to create a new booking. As a user, I would like to update a booking. As a user, I would like cancel a booking.

Search Terms Report

This feature helps a user analyze search terms for a particular product or item. It makes use of graphs and bars to represent the data.

Blog Importing

This feature allows users to import blog posts from a different platform. Components in a blog post such as text, images, links, tags, or comments can be imported. Usually this is done using a screen such as Settings that contains a button to start the process of importing posts.

RFID

This feature is used to identify RFID transmissions automatically to track tags attached to objects. An RFID system consists of a tiny radio transponder, a radio receiver and transmitter. When triggered by an electromagnetic interrogation pulse from a nearby RFID reader device, the tag transmits digital data, usually an identifying inventory number, back to the reader. This number can be used to track inventory goods.

Intermediate Design

This feature gives the app a simple custom layout that includes elements and screens designed to support the owner's preferred branding.