Giter Club home page Giter Club logo

lively-hill-dev-20214's Introduction

Crowdbotics React Native scaffold

After cloning this repo, you will need to install the dependencies:

cd ProjectName

yarn install

Then, you need to install the Podfile:

cd ios

pod install

Installing all dependencies in for development

Please follow this guide and install the correct dependencies for your current OS and the OS that you want to build (iOS or Android)

https://facebook.github.io/react-native/docs/getting-started.html#installing-dependencies

Setup

Google config

There is two files that you need to edit to make work the push notifications, google sign up and other Google Services:

  1. ios/GoogleService-Info.plist
  2. android/app/google-services.json

You need to create a project in firebase console and update all the credentials on both files (current files have invalid credentials)

Also, you will need to modify your URL types in Info, follow this instructions:

Finally, you will need to add GoogleService-Info.plist (file reference) to your iOS project via xcode.

  1. Open lively_hill_dev_20214.xcodeprojin xcode.
  2. Go to main target > Build Phases > Copy Bundle resources
  3. Tap un add button
  4. Search the GoogleService-Info.plistinside ios folder.
  5. Make sure you can see GoogleService-Info.plist inside in xcode. Like this:

Expected project config

Running with React Native CLI

Running android simulator

  1. Activate android emulator following this instructions
  2. react-native run-android from project home folder

Running iOS simulator

  1. Go to ios folder and run pod install (if you don't have pod installed, follow this instructions )
  2. Run react-native run-ios from project home folder.

If you find any compiling problems, try to clean your cache. From the home app folder run:

cd node_modules/react-native/scripts && ./ios-install-third-party.sh && cd ../../../

and

cd node_modules/react-native/third-party/glog-0.3.5/ && ../../scripts/ios-configure-glog.sh && cd ../../../../

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

Known Issue

  • the icons is not rendering properly for web app. It will come in next release.
    • To do it yourself, you can update webpack config to handle ttf files using url-loader (or file-loader) so that icons can be injected to CSS/stylesheet and showed on web

lively-hill-dev-20214's People

Contributors

crowdbotics-apps avatar

Watchers

 avatar

lively-hill-dev-20214's Issues

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.

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.

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.

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.

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.

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.

User Stories

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.

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.

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.

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.

User Stories

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.

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.

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.

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.

User Stories

Password Recovery

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

User Stories

Polling

This feature captures user input in form of single or multiple choice polling questions in the app. A polling question is composed of a text prompt and clickable events that are used to collect user input. This type of feature is typically used in an app such as a social media app.

User Stories

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.

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.

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.

Bookmark List

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

User Stories

Intermediate Workflows

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

User Stories

eSignature Signatures

This feature allows a user to create digital signatures within the app. This feature is typically used within the app itself. It contains a rich text editor or a drawing board that allows a user to enter their digital signature and gives an option to save for further use.

User Stories

As an app user, I would like to save my digital signature in the app for further use.

Intermediate Design

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

User Stories

Forum

This feature allows one or many users in an app to share further information on a specific topic in the form of a discussion. The information is usually posted in form of comments. Each comment is posted using a text area which has a rich text editor. The layout of forum contains a scrollable list of messages posted, with each message tied to the user who posted to the message and a text input field to capture any further response by the user. The avatar or the username can be clickable and may redirect to the respective user's profile.

User Stories

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.

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.

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.

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.

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.

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.

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.

Leaderboard

This feature is used to keep track of scores among different users. It typically is composed of a single screen in which a scrollable list is shown. Each item in the list can contains a user's avatar image, username, and any other relevant information.

User Stories

As a user, I would like to view the list of all leaders in the game app.

Surveys

This feature captures user input in form of single or multiple choice questions. This feature is composed of a text-based question and a few answers to choose from which are selectable. It contains text, buttons, and radio buttons.

User Stories

Guest Login

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

User Stories

Proposal Generation

This feature allows a user to send digital proposals to clients within the app. This feature is typically used within the app itself. It contains a rich text editor or a drawing board, images, and a full screen background with custom background options.

User Stories

As a user, I would like to generate proposals within the app. As a user, I would like to save proposals for future use either in the app or as a downloadable document. As a client, I would like to view the proposal.

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.

User Stories

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.

Remove Bookmarks

This feature allows a user to remove items from their list of bookmarks.

User Stories

GitHub Sign Up

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

User Stories

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

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.

LinkedIn Sign Up

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

User Stories

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

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.

User Stories

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.

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.

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.

Filter Bookmarks

This feature allows a user to filter throught the list of bookmarks using a keyword or advanced search.

User Stories

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.

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.

Phone Call

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

User Stories

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.