crowdbotics-apps / white-union-27245

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

white_union_27245

Getting started

Welcome to your new Crowdbotics app.

Metro

After cloning the repo, install the dependencies locally with Yarn:

yarn install

Start your Metro server:

npx react-native start

Android

npx react-native run-android

iOS

pod install --repo-update --project-directory=ios
npx react-native run-ios

Setup react-native-vector-icons

Follow instructions at their README.md

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

white-union-27245's Issues

Search

This feature displays results based on the query provided by the user. The result is often based on the data sets based in the app.

User Stories

As an app user, I would like to enter a search query and see results drawn from data stored within the app.

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.

Email Notifications

This feature sends emails to the user to notify them of key events. This feature displays pop-up messages on a user's device. These messages are touchable and when pressed take a user to view the email. To use email notifications, integrate your app with Sendgrid and then configure the sequence of email messages to send them separately from Sendgrid's service.

User Stories

As an app user, I would like to enable or disable receiving email notifications.

Shopping Cart

This feature allows a user to temporarily store the items that they wish to purchase before they purchase them all at once. This feature is typically available in the form of a clickable button icon. Clicking on the button icon, the user navigates to a screen where all items to be purchased are displayed in a list view. It contains a scrollable view to see the total sum of items and amount due, a full screen background, a header, and a footer with custom colors. On clicking the purchase button, the user navigates to a separate billing screen.

User Stories

As a buyer, I would like to add a product to the cart to view it later. As a buyer, I would like to view all products that I added to the cart.

Delivery Cost Estimate

This feature displays an estimated delivery cost at the time of viewing the product. This feature requires the user to enter their ZIP code or enable location permissions to get the device's current location. It contains text, input fields, and geolocation service to be enabled.

User Stories

As a buyer, I would like to know the estimated delivery cost for my current location while viewing the product within the app.

Reviews

This feature captures a user's input in one or multiline text expression. It contains a text input field and a submit button. This feature can be a complete new screen or a pop-up modal that can be connected with other features in the app. Typically, the reviews are also shown in a scrollable list within the app.

Forms

This feature allows a user to create, update, or delete a form in the app. A form can typically be used for collecting information, such as feedback, or to allow other users to register for email subscriptions, or as point of contact for other information via email. A form is generally composed of one or many text input fields and a submit button, and these fields can be customized to suit the appropriate branding. The input fields can be used to capture the email address of the user, the subject line, and the body of the submission. The text area can further be expanded to create a rich text editor.

User Stories

As a post author, I would like to capture feedback from incoming readers to be able to contact them for business inquiries after they provide their contact details and message.

Buyer Address Validation

This feature is used to verify the address of a user before purchasing an item from the app. This feature requires a registered user within the app to enter their address from the settings screen, and before purchasing the item, verify that the address they entered is being displayed accurately. It requires multiple text input fields, a custom header, and a background with custom colors and branding.

Captcha

This feature allows the app owner to verify that a user is human and not a bot. It helps to defend the app from bot traffic and spam. This feature is usually integrated with another set of features, such as allowing a user to download a file or publish a post.

Order Status

This feature displays the current status of the shipment ordered. The current status is shown in real time. The screen contains a header that displays the delivery address of the consumer, full name of the user, and a progress bar to track the current order.

User Stories

As a user, I would like to know the current status of my order.

Google Analytics

This feature analyzes the total number of users visiting the app on a daily, weekly, monthly and even yearly basis. It also helps keep track of sources of incoming traffic. To use it, integrate the app with Google Analytics and then configure it accordingly.

User Stories

As an app owner, I would like to know how many new users are signing in and using my app every month.

Leaderboard

This feature is used to keep track of scores among different users. It typically is composed of a single screen in which a scrollable list is shown. Each item in the list can contains a user's avatar image, username, and any other relevant information.

User Stories

As a user, I would like to view the list of all leaders in the game app.

In-App Sounds/Vibration

In-app sounds and vibrations create audio cues or physical feedback when specific events occur within the app. Typically, sounds and vibrations are triggered by user inputs. The app's sound and vibration options can be configured by the user in the app's settings.

User Stories

As a user, I would like to set the vibration level within the app. As a user, I would like to modify the level of in-app sounds.

Live Chat

This feature allows a user to view and send messages in the app. This feature is integrated with other sets of features like live streaming of an event.

Item Availability

This feature tracks and displays if an item is available for purchase or not. Usually, this type of feature is used in ecommerce apps. It typically contains a piece of information in a text format.

Collect Transaction Fees

This feature allows the user to view and confirm any transaction fee applied. It contains a pre-defined template with text fields, a complete list of applicable fees and amount due, a full screen background, a header, and a footer with custom colors.

User Stories

As a buyer, I would like to view the transaction fee applicable on the product I am interested in purchasing before making the final payment.

Store Credits

This feature enables a user to view, store, and make purchases using store credit. This feature is typically integrated in the app in the form of a cashback or rewards or gift cards. The information related to the available store credit is displayed in an app screen as the total sum. The same information is also displayed when the user is making a purchase, such that they can use credit instead of using a verified payment gateway. It contains a scrollable view to see the total sum of items and amount due, a full screen background, a header, and a footer with custom colors.

User Stories

As a buyer, I would like to view the available store credit from one screen. As a buyer, I would like to use my store credit at the time of purchasing an item. As a buyer, I would like to purchase credits in the store using a verified payment gateway.

Wishlist

This feature is used to save one or multiple items by the user in the app with an option to purchase them later. The option to save an item to view later by adding in the wishlist is available on each item in the app. The saved items are displayed inside a screen, which has a list view with product information. It contains a scrollable view to see the total sum of items and amount due, a full screen background, a header, and a footer with custom colors and each item displayed in a card form.

User Stories

As a buyer, I would like to save a list of items that I can view or purchase later.

Delivery Tracking

This feature displays the current status of the shipment ordered. The current status is shown in a map view where the end user can track the real time location and the status. The screen contains a header that displays the delivery address of the consumer, full name of the user, and a map view to track the current order. The individual map shows a customizable marker to track the real time location.

User Stories

As an end user, I want to see my name and details related to the shipping order such as my delivery address and price paid for the item. As an end user, I would like to view the status of my order in a map view and with a marker to display its real-time location.

Terms and Conditions

This feature displays a standard set of terms and conditions regarding the usage of the app. These terms can be customized as needed.

User Stories

As an app user, I would like to review the terms and conditions governing my use of the app.

Bidding

A bidding feature allows the consumer to auction an item or a product online through the app. It requires either the sale or purchase of the app. It contains one or more screens built with custom branding, images, and a full screen background with custom colors. The seller is required to use a multi-step form to fill and enter details of the product they want to put for the auction. The buyer is required to fill out their details and a verified payment option. Both seller and buyer have to be registered with the app.

User Stories

As a seller, I would like to sell my item on the app via auction. As a registered user, I would like to bid for item that is available for an auction.

Discount & Offers

This feature allows a user to select an item and update its price by offering a discount in the app. A discount is enabled on indivudal items. To enable the discount, the user must be logged-in in the app and they must have admin rights and permissions to be able to enable any offers. It contains an input field to enter a custom discount percentage and a switch button to enable or disable the discount.

User Stories

As an admin, I would like to enable or disable a custom value for a discount on one or many items in the app.

Donation Payments

This feature allows a user to accept payments as donations. It contains custom branding and a button that can be included within any other app screen. The process of payment happens through a third-party gateway or a via an affiliated and verified payment gateway.

User Stories

As an app user, I would like to include a donation button in my post.

Shipping Charge Calculator

This feature calcluates shipping charges based on the buyer's location and billing address. This feature is useful for a buyer to view the shipping prices that they need to pay during checkout before entering their account details, thus reducing the rates of abandoned checkouts.

User Stories

As a buyer, I would like to know the shipping charges on the items I have to pay during checkout.

Posts

This feature displays one or multiple posts published the user in the app. This feature includes two types of screens. The first screen is suitable for viewing already created posts. The second type of screen is used for creating a single new post with text, images, and links. A typical use case of creating a new post is on a social network.

User Stories

As an app user, I would like to create a new post with text, image, or a link. As an app user, I would like to view the posts that are already created. As an app user, I would like to delete a post from the app that I published.

Advanced Search

This feature displays items or results based on the query provided. The screen contains an input field, an interface for to adding search filters, options for boolean expressions, and the ability to select keyboards displayed as a collected search terms.

User Stories

As an app user, I would like to search for an item from the app by typing it in a field. As an app user, I should have one or many options available as filters such that I can narrow my search result.

Events

This feature allows a user to manage events within the app. The management of an event is done by either creating, updating, or deleting an event. Each event can be assigned a date by its creator. This date indicates when the event is going to happen. An event can also be shared among other users. The event creator can invite other users as participants by sending them an invite. The event management process includes a scrollable list of all events that are created in the past and the upcoming new events. The date of an event is generally assigned using a calendar pop-up where the creator can choose a specific date and time. The pop-up has a background and a foreground color, and both are customizable for branding.

User Stories

As an app user, I would like to view and manage the events within the app. As the event creator, I would like to assign a date or time stamp for the event to happen in real time.

QR Code Scanner

This feature allows a user to scan QR codes within the app. It uses the built-in camera from the device to scan the QR codes and retrieve the data encoded. Information encoded often includes web addresses, geographical coordinates, etc.

Shipping Address Validation

This feature is used to verify the shipping address of a user before purchasing an item from the app. This feature requires a registered user within the app to enter their shipping details from the settings screen, and before purchasing the item, verify that the address they entered is being displayed accurately. It requires multiple text input fields, a custom header, and a background with custom colors and branding.

User Stories

As a buyer, I would like to verify my shipping address before purchasing an item.

User Profile

This feature displays user information like a profile picture, profile stats, action buttons, and images. This information is captured using input fields and the screen has a background that is customizable for branding. It also includes a second screen to modify these values later, from the settings page.

User Stories

As an app user, I would like to edit the personal information I entered while registering for the app. As an app user, I would like to view the information I edited/uploaded in the app.

Help Center

This feature allows the app owner to share information in the form of knowledge base articles. These articles are either links to other pages or sections of different texts. Providing such a screen in the app can help app users to find solutions or give them a way to contact you when the answer isn’t available. A typical help center can be a section list that is scrollable and contains a customizable header for branding. Each section in this list is viewable to the app user only if they click to open that section.

User Stories

As an app user, I would like to see the information within the app under a separate section where common FAQs are listed.

Basic Workflows

This feature supports simple apps that do not require a large amount of complicated logic or advanced algorithms.

Tags and Categories

This feature displays information based on a particular label. This label could be in the form of either a tag or a category. It is generally created using text and an icon and is often clickable. After clicking it, a user can view other similar items that are classified under a similar category. Some typical use cases for displaying information in the app using a tag or a category are to display certain posts in a blogging app, sort articles in a news feed app, display a product item in an ecommerce app, etc.

User Stories

As a post author, I would like to view the list of tags or categories that I can apply to my published articles. As an app user, I would like to select from the available tags to view similar posts within the app.

Login and Signup

This feature is used to allow end users to register themselves with the application using their email address and password and then login with those credentials. It contains text input fields and a checkbox to capture a user's credentials and their consent. Each input field includes placeholder text and a custom icon. A background screen with custom screen colors is used for branding.

User Stories

As a new user, I would like to enter my full name, email address, and password. As a new user, I would like to register with my credentials with the app by pressing a button. As an app user, I would like to login with my credentials with the app by pressing a button. As a returning user, I should be able to navigate back to the sign in screen. As a new user, my consent should be asked using a checkbox that I have read all terms and conditions of the application and I agree to them.

Push Notifications

This feature is used to display pop-up messages on a user's device. These messages are touchable and when pressed takes a user to desired screen or further event in the application. This feature supports push notifications. To use a push notifcation, integrate the app with OneSignal and then configure the sequence of notifications to send them separately using OneSignal's service.

User Stories

As an app user, I would like to enable or disable receiving push notifications.

Basic Design

This feature gives the app a templated layout that includes a basic logo and color changes.