Giter Club home page Giter Club logo

curly-boat-29367's Introduction

curly_boat_29367

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

curly-boat-29367's People

Contributors

crowdbotics-apps avatar

Watchers

 avatar

curly-boat-29367's Issues

Guest Login

This feature allows a new user to view and use certain within features in the app without signing in.

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.

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.

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.

Payment Admin

This feature allows a user to be assigned to a role of an admin. This user can verify the payment transactions that happen within the app.

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.

Intermediate Workflows

This feature supports moderately complex apps that require some custom logic or algorithmic functions.

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.

Facebook Sign Up

This feature is used to allow end users to register themselves with the application using their Facebook 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 Facebook account to register with 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.

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.

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.

Product Recommendation

A feature in an ecommerce app that is used to highlight certain products to a user. This feature can be used to highlight products based on a user's previous purchase history or a product line introduced within the app. It contains custom background screen, images, and text.

User Stories

As a seller, I would like to highlight my bestselling products in the app. As a user, I would like to view the bestselling products in the app.

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.

Web Portal Search Engine

This is a feature that allows users to search for keywords on public website pages containing app content.

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.

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.

Intermediate Design

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

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.

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.

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.

Split Payments

This feature allows one or users to split a total amount in different parts. An ideal use case for this kind of feature is for frequently sharing expenses with someone like a colleague or a roomate. It keeps a record of the total amount of who owes who what. When one of the users is ready to pay, they are navigated to another screen to verify their payment.

User Stories

As an app user, I would like to view the list of all other users who owe me a total amount. As an app user, I would like to view the list of whom I owe with the total amount.

Location-Based Alerts

This feature is used to display pop-up messages on a user's device based on the device's location. This feature requires a user's permission to share their current location, enabled in the app. Depending on the amount of information required about the user's location, the feature could require limited access or full access.

User Stories

As an app user, I would like to know what permissions are required and that I am agreeing to use location-based alerts in the app.

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.

In-App Wallet for Storing User Credits

This feature allows a user to have a credit wallet within the app. A user has their wallet with coins that they can use. A typical use case would be a betting app. A user can use coins to purchase bets. Coins can be purchased, and they are also earned.

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.

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.

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.

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.

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.

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.

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.

Desktop Notifications

This feature is used to display pop-up messages on a user's desktop device. These messages are clickable and takes a user to desired screen or further event in the application.

User Stories

As an app user, I would like to enable or disable receiving notifications on my desktop.

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.

Google Sign Up

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

User Stories

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

Phone Call

This feature allows a user to make phone calls using the standard calling feature from the device.

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.

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.

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.

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.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.