crowdbotics-apps / shy-surf-29345

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

shy_surf_29345

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

shy-surf-29345's Issues

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.

CSV Export

This feature allows to export the existing content in a specific format called CSV. The exported content is generally presented in a downloadable CSV format file. This is done from a screen. This screen can either be the app's general settings or content management screen.

User Stories

As a blog owner, I would like to export posts and their associated data in CSV file format.

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.

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 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.

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.

Basic Workflows

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

Archive Content

This feature allows a user to view the content that is archived within the app. It contains a scrollable list and card items to view the content. Each card item is arranged in chronological orde. A typical use case for archiving content is in a social media app where a user can view their post history.

User Stories

As a user, I would like to view all of my previous posts in a chronological order on a separate screen.

Intermediate Design

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

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.

Password Protected Pages

Password protected pages are a security feature in applications. They are not limited to single screen or more than one screen. To view the content on such a page, a user is required to login to the app by entering that page's required credentials. It can contain custom branding, multiple text input fields, button and a full custom background.

Bookmark List

This feature allows a user to view all of the items that they have bookmarked in a single list.

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.

Barcodes Scanner

This feature allows a user to scan barcodes within the app. It uses the built-in camera from the device to scan the barcodes and retrieve the data encoded. Information encoded often includes web addresses, geographical coordinates, and small pieces of text, in addition to commercial product codes.

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.

Activity Log

This feature allows a user to view logs of past activity in an app. The user must have roles and permissions to visit this screen anytime. The amount of activity logged depends on certain aspects. The screen contains a scrollable list of events that are logged to help and resolve if there are any unwanted behaviors or crashes while using the app. Each item in the list is an invidual logged activity that contains a descriptive title and a timestamp field.

User Stories

As an admin, I would like to view all the activities logged in a screen in form of a scrollable list.

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.