Code Monkey home page Code Monkey logo

parks's Introduction

Park

Park App is a new mobile app which is capable of spotting animals in Sri Lankan national parks and work as guiding app.

Contributing to Park-Mobile APP

👍🎉 First off, thanks for taking the time to contribute! 🎉👍

  1. Fork the [https://github.com/scorelab/park.git].

  2. Generate a debug.keystore using keytool -genkey -v -keystore debug.keystore -storepass android -alias androiddebugkey -keypass android -keyalg RSA -keysize 2048 -validity 10000. (Keystore name: “debug.keystore”, Keystore password: “android”, Key alias: “androiddebugkey”, Key password: “android”, CN: “CN=Android Debug,O=Android,C=US”). (read guide: [https://rnavagamuwa.com/programming/android-programming/android-generate-release-debug-keystores/])

  3. Place the copy of debug.keystore in MobileApp/android/app/.

  4. Generate the key fingerprints using keytool -list -v -keystore debug.keystore -alias androiddebugkey -storepass android -keypass android.

  5. Create a firebase project, add an android app to project settings, add sha1 to the project, download the google-services.json file and place in the MobileApp/android/app/. (read guide: [https://invertase.io/oss/react-native-firebase/quick-start/android-firebase-credentials]).

  6. Add a config.js file in the MobileApp/src/config/config.js. Content of the file should looks like sampleConfig.js. Extract those client ids from google-services.json. If you are testing with the debug.keystore you only need to add the client id related to debug sha1 in devAndroidClientID. And use it in MobileApp/src/components/GoogleLogin/GoogleLogin.js file's 3rd and 12th line.

  7. Create a gradle.properties file in MobileApp/android/ and paste the content in the MobileApp/android/app/samplegradle.properties.

  8. Run npx install, react-native run-android, react-native start

Pull Request Process

  1. Ensure any install or build dependencies are removed.
  2. Submit changes as a pull request.

Environment Info

System:

OS: Linux 5.0 Ubuntu 19.04 (Disco Dingo)
CPU: (4) x64 Intel(R) Core(TM) i5-7200U CPU @ 2.50GHz
Memory: 309.14 MB / 7.55 GB
Shell: 5.0.3 - /bin/bash

Binaries:

Node: 10.15.2 - /usr/bin/node
npm: 6.12.0 - /usr/local/bin/npm

npmPackages:

react: 16.9.0 => 16.9.0 
react-native: 0.61.2 => 0.61.2 

npmGlobalPackages:

create-react-native-app: 2.0.2
react-native-cli: 2.0.1

NOTE: Do not change the .gitignore file.

parks's People

Contributors

adarshaddee avatar amitswain84 avatar amymainyc avatar anirudhfarwaha avatar asithaindrajith avatar bunny8469 avatar chamiduu avatar chamuthuedirisooriya avatar charithccmc avatar ethan-pronev avatar heisenbergsongyi avatar josephsemrai avatar kazimsayed954 avatar khizarshaikh7 avatar kunalbhatia18 avatar mac306 avatar malaikaishtiaq avatar ns1010 avatar pranaychauhan2516 avatar procodec avatar reveurguy avatar sahandisa avatar samaynandwana avatar sharman13 avatar shk303 avatar siddarth1703 avatar tara5526 avatar tarzanjunior avatar wnsudam avatar

Stargazers

 avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar

parks's Issues

Design a simple LOGO

Park App is a new mobile app which is capable of spotting animals in Sri Lankan national parks and uploading them. Since the targeted group of this app is normal users app need to have good logo. And the solution is to design a user attractive logo for the app.

Existing logo:

Logo requirements

Logo should be simple and effective.
Required outputs should includes .PNG and .SVG and any other

In pixels, the sizes are:

48 × 48,
72 × 72,
96 × 96,
144 × 144,
192 × 192

Viewport/Card Width Issue

Describe the bug
Some cards do not expand to cover the entire width of the viewport. With this, every so often, there will be cards that take up half of their available space.
image
This poses both an aesthetic issue and a usability issue where this issue may be more apparent on smaller screen sizes.

To Reproduce
Steps to reproduce the behavior:

  1. Build development version of the app
  2. Launch development server
  3. Open Elly app in an Android 10.0 virtual device
  4. View parks screen
  5. Scroll until you see the affected cards

Expected behavior
Cards take up the full viewport width.

Smartphone (please complete the following information):

  • Device: Virtual Nexus 5X (running API 29 x86)
  • OS: Tested on Android 10.0 and 9.0
  • Browser: Not Relevant
  • Version: Google APIs 29

iOS Firebase failing initialization - componentDidMount call

Describe the bug
Upon trying to load the LandingScreen component, the app throws an error due to not having a call to firebase.initializeApp(). This is after configuring the config file in the React Native build, as well as adding the Google services plist.
image

To Reproduce
Steps to reproduce the behavior:

  1. Follow developer instructions
  2. Create iOS client and move the Google services plist to the root of the iOS build directory
  3. Build application using xCode 11 with a target of 13.1
  4. See error upon opening app

Expected behavior
Login screen to be displayed

Screenshots
If applicable, add screenshots to help explain your problem.

Smartphone (please complete the following information):

  • Device: Virtual iPhone 11 Pro Max
  • OS: iOS 13.1
  • Browser: Not relevant
  • Version: xCode 11

Additional context
Add any other context about the problem here.

Clear Error Messages for Password Creation

Is your feature request related to a problem? Please describe.
The user is not given clear input as to what issue has arisen with their password.
image
The requirements are not listed, and it appears that a special character is required. With this, I believe that users may become confused at this login flow, not recognizing what the password constraints are.

Describe the solution you'd like
Rather than just displaying a blanket solution, the user should be presented with the validation rule that their password has failed.

Describe alternatives you've considered
An alternative to the above would just be to list the requirements, although this is not as interactive.

Additional Firebase Setup in Documentation

Is your feature request related to a problem? Please describe.
Related to starting the project as a contributor. There are a few errors that contributors may encounter that could be solved with a piece in the contributor documentation.

Describe the solution you'd like
Contributors may encounter issues with oAuth as they first have to enable the respective authentication methods within Firebase. Instructions on this would be appreciated in the contributor guide.

Additionally, there are custom rules (or a default template) that have to be applied to the Firebase database, or else the user encounters this error:
image
and the app gets stuck on a task
image
With this, mentioning the process in the documentation for setting up the database and providing the following rules:

{
    "rules": {    
        ".read": true,
        ".write": true
    }
}

may prove to be helpful for new contributors.

Unable to Resolve Module (config) via Screen Component

Describe the bug
The application, created by following the developer guide on Elly, throws an error upon trying to load the login/initial screen as a result of loading FormScreen. This component tries to load a config file two directories up that does not resolve correctly (doesn't exist in some configurations). With this, Elly had a similar issue, leading me to believe that there may be a missing step in the developer guide or an issue with using the Android 10.0 API (v29).

To Reproduce
Steps to reproduce the behavior:

  1. Build development version of the app
  2. Launch development server
  3. Open Parks app in an Android 9.0 or 10.0 virtual device (Android 9.0 using Intel API)
  4. See error

Expected behavior
Login form to be displayed

Screenshots
Error Logs:
qemu-system-x86_64_ttnPqE2rQ2

Smartphone (please complete the following information):

  • Device: Virtual Nexus 5X (running API 29 x86)
  • OS: Tested on Android 10.0 and 9.0
  • Browser: Not Relevant
  • Version: Google APIs 29

Additional context
Google Services: com.dwc

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.