crowdbotics-apps / shiny-forest-31513

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

shiny_forest_31513

Welcome to your new Crowdbotics app.

What is Crowdbotics?

Crowdbotics is an easy way to build software applications of all kinds. You can build production, high-caliber software applications in minutes, rather than weeks or months, even if you're not a software developer.

The reason this works is that most software applications and features we want to build are similar to applications that have been built before. We've crawled hundreds of thousands of public code repositories to teach the Crowdbotics engine how to create software.

As a result, Crowdbotics can generate new applications automatically in a standardized way.

Useful Links

App Dashboard · Knowledgebase · Developer Training · Forum · Tech Support

Table of Contents

1. Project Description
2. Project Structure
3. Modules
4. Getting Started: Frontend
   • Installation
   • Running with Fastlane
     • Android
     • iOS
     • React Native Web
5. Getting Started: Backend
6. License

Project Description

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

Project Structure

.
├── ...
├── android                 # Android native files
├── backend                 # Django backend REST API
├── ios                     # iOS native files
├── modules                 # Modules
├── public                  
├── screens                 
├── store                   # Application state storage
├── ...
├── README.md
└── ...

Modules (THIS SECTION IS AUTO-GENERATED, PLEASE DO NOT EDIT)

This section will show any installed modules you add from the Storyboard Modules section.

Getting started: Frontend

This section outlines instructions on setting up a local development environment for the frontend of your application.

Installation

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

License

The use of code in this repository is governed by Crowdbotics Terms and Conditions.

Created with ❤️ by Crowdbotics

shiny-forest-31513's Issues

Automatic Renewals

This feature renews subscriptions automatically within the app. This feature is generallty found in the settings screen where a switch button is provided for the app user to enable or disable the automatic renewals. It contains custom text and a button.

User Stories

As a subscribed user, I would like to enable/disable automatic renewals.

Save Payment Details

This feature allows a user to save their payment details in the app. This type of information is usually filled in using different input fields from the settings screen. This feature is useful so that a user does not have to fill in their payment details every time they are generating a new order. It can contain one or more text input fields on a separate screen that is used to edit specific detail.

User Stories

As a user, I would like to save my payment details for future use. As a user, I would like the option of editing or updating already saved payment details.

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.

Image Editing

This feature is used to edit a photo that a user selects from the gallery of the app.This makes use of other features like photo library and the gallery.

Invoice Billing

This feature allows a user to create and generate new invoices to bill. It contains a pre-defined template with input fields, 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 biller, I would like to enter a consumer's details. As a biller, I would like to add any number of item names or descriptions, each item's quantity, and item pricing. As a biller, I would like to see the total number of items and total amount due to be paid. As a biller, I would like to write notes to the payee if required. As a biller, I would like to preview the final version of the invoice before sending it. As a biller, I would like to add the current/due date on the invoice. As a biller, I would like to add any necessary details for my end.

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.

Upload Files

This feature allows a user to upload one or more files. These files can contain various formats such as images, pdf documents, etc. One common use case for file uploads is when a post author wants to add images to their post. They can choose all the images to upload at once and then select which image to show at their appropriate location. The upload files feature is composed of a customized button that pops up a dialog box for the user to select the file to upload from their device.

User Stories

As a post author, I would like to upload one or many images at once and display them in my post.

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.

DocuSign

DocuSign service enables a user to use digital signatures in an app. To use it, integrate the app with DocuSign and then configure it to fetch a user's details.

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.

Premium Plan Comparison

This feature displays comparison between different plans available within the app. These plans are available either to purchase or subscribe to a service within the app. It contains a scrollable list of different cards where each card is composed of custom branding, text, buttons, and images.

User Stories

As a user, I would like to view all the plans and compare them.

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.

Gallery

This feature is used to view the contents of a gallery in an app. It can contain a custom background, branding, and a scrollable view that displays the contents of the gallery. A user can select one or multiple items from the gallery to use 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.

Google Calendar Sync

This feature uses data from a Google Calendar and then modifications made within the app. It updates the Google Calendar with the user's in-app modifications. To use it, integrate the app with the Google Calendar service and then configure it to fetch a user's details.

Video Editing

This feature is used to edit a video that a user selects from the gallery of the app.This makes use of other features like video library and the gallery.

Multiple Currency Support

This feature allows the user to the view the pricing of a particular comodity in their local currency. This feature contains a drop-down menu that is selectable and further contains a scrollable list of different currencies supported within the app. Only of the currency listed in the item is selectable.

User Stories

As a user, I would like to see the option of the purchasing an item in my local currency.

eSignature Signatures

This feature allows a user to create digital signatures within the app. This feature is typically used within the app itself. It contains a rich text editor or a drawing board that allows a user to enter their digital signature and gives an option to save for further use.

User Stories

As an app user, I would like to save my digital signature in the app for further use.

Password Recovery

In case of forgotten password, a password reset link is sent via SMS as an OTP.

Onboarding Slides

This feature displays multiple slides that welcome users to the app and describe how to use it. These slides include customizable backgrounds and content and can be clicked through in a designated order.

User Stories

As an app user, I would like to read an explanation of how to use the app before I login.

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.

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.

Portfolio

This feature allows a user to keep track of their published work in one place. It contains a header, a background that is customizable for branding, and a scrollable list of content items. Each item may be represented by an avatar image, text description, and more.

User Stories

As a user, I would like to keep track of all of my published work in one place. I would like to add/remove items from the screen. As a user, I would like to view details of each item by clicking on them from the list.

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.

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.

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.

Subscription Billing

This feature is used to generate the billing information of any subscription consumed by the user. It contains custom branding, input fields, and a button. The subscriber has to enter their details such as full name, email address, shipping address, and a verified payment.

User Stories

As a subscribed user, I would like to see my billing details before/after completing the payment.

Loyalty System

This feature allows an app owner to to communicate directly with app customers and gather relevant data about their buying behavior, which in turn helps to optimize marketing efforts and provide a seamless experience. This feature makes use of other features like Coupons, Discounts and Offers, and Product Recommendations.

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.

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.

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.

Splash Screen

This feature displays a short, branded welcome animation or image when users open the app. It automatically transitions to a designated login or home screen after a set amount of time. It includes customizable backgrounds and content.

User Stories

As a new user, I would like to see a brief welcome animation when I open the app.

Text (SMS) Notifications

This feature is used to display pop-up messages on a user's device in form of SMS. To use an SMS notification, integrate the app with Twilio and then configure the sequence of text messages to send them separately from Twilio's service.

User Stories

As an app user, I would like to enable or disable receiving Text (SMS) notifications.

Photo Library

This feature is used to create or view photos in an app. It can contain a custom background, branding, and a scrollable view that displays a list of photos. Using the device's camera and gallery, a user can view each file or create a new one.

Advanced Workflows

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

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.

Polling

This feature captures user input in form of single or multiple choice polling questions in the app. A polling question is composed of a text prompt and clickable events that are used to collect user input. This type of feature is typically used in an app such as a social media app.

Refund Management

This feature is available for issuing a refund within the app. Access to this type of feature is available to a user who has the role and permissions of an admin account. The admin logs into the app using a login screen but has access to screen where they can view the log of any type of transaction in which a refund has to be provided. It contains one or more screen composed of a scrollable list with custom text, and buttons to take further actions.

Advanced Design

This feature gives the app a full set of custom screens designed from the ground up to deliver an excellent user experience.

Shopify

This feature enables the app to connect to Shopify for payment subscriptions. Shopify Subscription details need to push to the app's backend system to manage the subscription.