crowdbotics-apps / yellow-sky-31531

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

yellow_sky_31531

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

yellow-sky-31531's Issues

Twitter Sign Up

This feature is used to allow end users to register themselves with the application using their Twitter account. It contains a button to navigate and verify that a user agrees to use their Twitter account to sign up with the app.

User Stories

As a new user, I would like to use my Twitter account to register with the app.

Advanced Workflows

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

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.

Password Limitations

This feature is used to limit a minimum or a maximum number of characters in a password field. This password field can contain text input fields and a custom icon. It is used in Sign Up screens.

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.

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.

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.

Post Management

This feature allows a user to manage their posts. Post management includes creating a new post, updating an old post, deleting an old post, publishing a new post, saving a post in the drafts without publishing it, deleting multiple posts, and adding or modifying a tag or a category of the post. All of these management actions are usually available by assigning an individual button to each one of them to trigger the appropriate action.

User Stories

As a blog owner, I would like to create, save, update and delete a post. As a user, I would like to delete mutiple posts at one time from 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.

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.

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.

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.

Password Recovery

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

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.

Advanced Design

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

Apple Sign Up

This feature is used to allow end users to register themselves with the application using their Apple account. It contains a button to navigate and verify that a user agrees to use their Facebook account to sign up with the app.

User Stories

As a new user, I would like to use my Apple account to register with the app.

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.

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.

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.

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.