React Native client application for COVID Shield on iOS and Android This repository implements a React Native client application for Apple/Google's ExposureNotification[1] framework, informed by the guidance provided by Canada's Privacy Commissioners[2]. For more information on how this all works, read through the COVID Shield Rationale[3].OverviewThis app is built using React Native and designed to work well with patterns on both Android and iOS devices. It works alongside the COVID Shield Diagnosis Server[4] to provide a reference for how a client application for exposure notifications could work.Screenshots User ExperienceAurora Design SystemCOVID Shield follows design and content guidelines from the Aurora Design System[5] published by the Government of Canada's Digital Enablement Service.TypefaceThe Aurora Design System recommends Nunito for the app's main typeface. You can download this font from Google Fonts[6] or access it directly using the Google Fonts integration in Figma.InspirationOur onboarding flow was inspired in part by the work done in this Medium article[7] which is shared under the CC 4.0 license[8]. Thanks to @jelle.prins[9] and @ppkorevaar[10] for their initial work.DesignContentOur glossary of terms[11].Local developmentPrerequisitesFollow the steps outlined in React Native Development Environment Setup[12] to make sure you have the proper tools installed.iOSXCode 11.5 or greateriOS device or simulator with iOS 13.5 or greaterBundler[13] to install the right version of CocoaPods locallyAndroidAndroid device or simulator with the ability to run the latest version of Google Play Services.1. Check out the repositorybashgit clone Diese E-Mail-Adresse ist vor Spambots geschützt! Zur Anzeige muss JavaScript eingeschaltet sein!:CovidShield/mobile.git2. Install dependenciesbashyarn install2.1 Additional step for iOSbundle install && yarn pod-install3. Environment configCheck .env and adjust configuration if necessary. See react-native-config[14] for more information.Ex:bashENVFILE=.env.production yarn run-iosENVFILE=.env.production yarn run-android4. Start app in development modeYou can now launch the app using the following commands for both iOS and Android.bashyarn run-iosyarn run-androidYou can also build the app with native development tool:For iOS, using XCode by opening the CovidShield.xcworkspace file in the ios folder.For Android, using Android Studio by opening android folder.Development modeWhen the app is running development mode, you can tap on the COVID Shield logo at the top of the app to open the Test menu. This menu enables you to:Switch languagesPut the app into test mode to bypass the Exposure Notification API checkChange the system statusChange the exposure statusSend a sample notificationReset the app to onboarding stateTest modeTest mode UI is enabled if the environment config file (.env*) has TEST_MODE=true. To toggle test mode UI, you can swipe right to left at home screen or press on CovidShield logo.Some features in test mode:Toggle language.Show sample exposed notification.Mock server. When it is enabled, it will override Google / Apple Exposure Notification framework and backend for system status, exposure status.To disable test mode UI on production build, simply set it to false in the environment config file TEST_MODE=false.CustomizationYou can customize the look and feel of the app largely by editing values found in the Theme File[15]LocalizationThe COVID Shield app is available in French and English. Fully localized content can be modified by editing translations files found in the translations directory[16]. More translations can be added by using the same mechanism as French and English.After modifying the content you must run the generate-translations command in order for the app to reflect your changes.bashyarn generate-translationsWho built COVID Shield?We are a group of Shopify volunteers who want to help to slow the spread of COVID-19 by offering ourskills and experience developing scalable, easy to use applications. We are releasing COVID Shieldfree of charge and with a flexible open-source license.For questions, we can be reached at Diese E-Mail-Adresse ist vor Spambots geschützt! Zur Anzeige muss JavaScript eingeschaltet sein![17]. To restore the repository download the bundle wget https://archive.org/download/github.com-CovidShield-mobile_-_2020-05-24_00-33-50/CovidShield-mobile_-_2020-05-24_00-33-50.bundle and run: git clone CovidShield-mobile_-_2020-05-24_00-33-50.bundle Source: https://github.com/CovidShield/mobile[18]Uploader: CovidShield[19]Upload date: 2020-05-24 References^ ExposureNotification (www.apple.com)^ guidance provided by Canada's Privacy Commissioners (priv.gc.ca)^ COVID Shield Rationale (github.com)^ COVID Shield Diagnosis Server (github.com)^ Aurora Design System (design.gccollab.ca)^ download this font from Google Fonts (fonts.google.com)^ this Medium article (onezero.medium.com)^ CC 4.0 license (creativecommons.org)^ @jelle.prins (twitter.com)^ @ppkorevaar (twitter.com)^ glossary of terms (github.com)^ React Native Development Environment Setup (reactnative.dev)^ Bundler (bundler.io)^ react-native-config (www.npmjs.com)^ Theme File (github.com)^ translations directory (github.com)^ Diese E-Mail-Adresse ist vor Spambots geschützt! Zur Anzeige muss JavaScript eingeschaltet sein! (archive.org)^ https://github.com/CovidShield/mobile (github.com)^ CovidShield (github.com)

weiterlesen: RSS Quelle öffnen