what-the-mask-ios: A JavaScript repository from iPieter

What the mask · iOS Application

if you're looking for the Android version, you can find it here »

Where in Flanders is a face mask obligatory? This app warns you when you enter or leave a face mask zone.

Be safe, wear your mask!

Short description

Where should you where a face mask? Which regulations apply in which regions? 'What the mask' gives a clear overview of the current regulations in Flanders. When you enter a face mask zone, the app notifies you.

Future development and contributing

For detailed targets, take a look at the project boards on this repo. Feel free to implement something and send a pull request!

Our technology stack is as follows:

Backend: A simple Django server to serve and edit geosjon files.
Frontend: React.js served with nginx, where we can edit geosjon files and also serves as a landing page.
Mobile app: React Native (this repo)

Getting started

First make sure you have installed

To get up and running quickly, use the following commands:

npm install
cd ios
pod install

To simulate the application on an iOS device, run in two separate terminals

npx react-native start
npx react-native run-ios

To run on a connected device, e.g. Max's iPhone:

npx react-native start
npx react-native run-ios --device "Max's iPhone"

Troubleshooting

Multiple declarations of .ttf file
https://stackoverflow.com/questions/50718018/xcode-10-error-multiple-commands-produce

After pod install, there will be multiple declarations of some files. This will cause the build to fail. You can revert the file ios/bat.xcodeproj/project.pbxproj with Git to the correct version.

Some links to useful resources

React