Coder Social home page Coder Social logo

crowdbotics-apps / hidden-meadow-29188 Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 325 KB

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

Shell 1.81% JavaScript 9.35% Ruby 11.12% Starlark 0.79% Java 8.18% Dockerfile 1.33% Python 46.73% HTML 14.22% CSS 0.55% Objective-C 5.92%

hidden-meadow-29188's Introduction

hidden_meadow_29188

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. Getting Started: Frontend
  4. Getting Started: Backend
  5. 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
└── ...

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

hidden-meadow-29188's People

Contributors

crowdbotics-apps avatar

Watchers

 avatar

hidden-meadow-29188'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.

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.

Sales Reporting

This feature helps a user analyze sales reports for a particular product or a item. It makes use of graphs and bars to represent the data.

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.

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.

Budgeting & Forecasting

This feature helps a user analyze reports based on budget, and, using that data, a forecast report is generated for future predictions. It makes use of graphs and bars to display the data.

Web Portal Static Content

This is a complete set of features that allow a user to view the app's content on a public static site.

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.

Traffic Sources

This feature analyzes the total number of users visiting the app on daily, weekly, monthly and even yearly basis based on their sources. A source can be a webiste, a blog, or social media platform or an RSS feed.

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.

Password Recovery

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

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.

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.

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.

Intermediate Design

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

Geo-location Reporting

This feature analyzes the number of users visiting from which location. A location is a country or a city.

Search Terms Report

This feature helps a user analyze search terms for a particular product or item. It makes use of graphs and bars to represent the data.

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.

Intermediate Workflows

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

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.

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.

Coupons

This feature allows a user to enter a coupon or a promo code at the time of purchasing the item. The promo code or a coupon code is generated by the app's admin. The user can use this code and enter it using an input field before making the final payment. The code allows a user to apply any discount available to the total due amount. It contains a text input field to enter and apply the code.

User Stories

As a buyer, I would like to apply a promo code available on the total order before making the final payment. As a buyer, I would like to view the deductible amount from the total sum that is applicable via the promo code before making the purchase. As a seller/admin, I would like to generate one or many promo codes in the app.

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.

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.

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.

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.