crowdbotics-apps / young-queen-30088

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

young_queen_30088

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

young-queen-30088'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.

Comments

This feature allows a user to create, delete, or view a comment on a post. This feature can contain more than one screen. It can contain a custom background, a text input field, a scrollable list view, and a button.

User Stories

As a user, I would like leave a comment on someone else's post. As a user, I would like view a comment on my or someone else's post.

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.

GIFs

This feature allows a user to use GIFs in their published posts or comments. It is integrated with other screens and features, such as publishing a new post or a comment.

User Stories

As a user, I would like to include a GIF in a post.

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.

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.

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.

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.

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.

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.

Followers

This feature enables users to follow each other and diplays a follower count on each user's profile. To follow a user in the app, the user has to be logged in, so it requires a login feature.

User Stories

As a user, I would like to view how many users follow me. As a user, I would like to know which user accounts follow me.

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.

Basic Design

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

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.

Paid Content

This feature allows a user to publish content in the app that is viewable to a certain set of users. The users who view the paid content are charged either monthly or yearly. The paid content is hidden from the non-paying user. The post owner has the option to mark the post as paid or not when publishing it using a checkbox. The information of payment collection and a list of paid users is shown in a different screen.

User Stories

As as post owner, I would like to view the users who are currently paying to view my content. As a post owner, I would like to have the option to post a paid or a free content from the same interface.

Multi-Tiered Pricing

This feature allows a user to opt for any one of the options available from different pricing tiers. These tiers are available either to purchase or subscribe to a service within the app. It contains custom branding, text, buttons, and images. Once a user selects the tier, they are taken to another screen to verify their payment method.

Block

This feature allows a user to block an individual user in the app. After blocking a user, the blocked user cannot view the user's profile or view their content. It can contain a custom button based on branding. It is available from the settings menu. A user is also able to view the list of blocked users such that they can unblock them in future.

Basic Workflows

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

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.

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.

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.

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.

Password Recovery

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

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.

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.