Stay Away Game

Social Distancing Game Banner

We built the Stay Away Game during the 2020 Covid pandemic to help educate children.

The aim of this game is to avoid oncoming things by tilting your device left and right. The user can increase their score by avoiding things and challenge themselves by unlocking new levels. This game works completely offline, so no internet connection is required.

We used the following libraries and technologies to build the game:

  • @react-native-clipboard/clipboard so to copy text to the clipboard
  • @react-native-community/blur so we could use the blur effect when users pause or finish the game
  • @react-native-firebase/analytics to provide insight on app usage and user engagement
  • @react-native-firebase/crashlytics to monitor crashes so we can resolve bugs quickly
  • @react-native-firebase/perf to monitor app performance
  • @react-navigation to manage navigation between screens
  • @reduxjs/toolkit to manage data
  • @sayem314/react-native-keep-awake to prevent the screen from going to sleep while the user is playing the game
  • date-fns to manipulate dates
  • react-native-game-engine and matter-js 2d physics engine to build the game
  • react-native to create the app on iOS and Android
  • react-native-bootsplash for the splash screen
  • react-native-device-info to output the app version
  • react-native-google-mobile-ads to display Google adverts
  • react-native-in-app-review to display the in app review popup
  • react-native-linear-gradient to render the gradient background on each screen
  • react-native-mmkv-storage to persist data
  • react-native-reanimated to build performant animations
  • react-native-sensors so we could access the accelerometer to control the player
  • react-native-svg to render SVGs in the app
  • react-native-vector-icons to access Entypo Icons
  • eslint for static code analysis
  • husky git hook to run checks on each push
  • jest to test helper functions and components
  • patch-package to fix broken libraries
  • prettier to format code
  • ts-prune to find unused exports
  • typescript to provide optional static typing
Privacy Policy