gem

Architecture

The app is built to be cross-platform using React-Native, so it will run on Android and iOs with some minor styling differences.

The app is loaded from screens in screens. Each folder in screens corresponds to a different game: trade has information for the trade game, fiscalmonetary has the screens for the fiscal/monetary policy rocket game, flashcard has the flashcard game screens, and home has the home screen.

Each game is self-contained, so all necessary screens are in their own folders as well as any additional data (ie. JSON for the flashcard questions, gifs for the trade game).

React-Native has a lot of quirks with versioning and dependencies, so be very careful when updating any existing packages or the react-native module itself. There are some styling differences that occur as a result of scaling and how android/iOs handle fonts and specific styling properties.

There are currently no known bugs that we are working on.

The app relies on several libraries which need to be installed using the package.json. Ideally, use yarn install to manage dependencies, but npm install should work as well.

Setup and Deployment

• To set up the development environment, clone the repository from GitHub and open in any editor.
• Ensure that homebrew and yarn are installed in terminal.
• The app is designed to be run natively, so first run yarn install to install dependencies
• Run react-native link to link pods, etc. for iOs and Android
• Afterwards, if on a Mac, make sure xcode is installed and run react-native run-ios to start the iOs version. To try the Android version, react-native run-android will work on both Windows and Macs, as long as Android Studio has been installed.
• The app is also currently available on TestFlight at https://testflight.apple.com/join/LYF0bALh and is published on the app store at https://itunes.apple.com/us/app/gem-tuck/id1440623856?ls=1&mt=8

Authors

• Kunal Rathi, Developer, ‘20
• Henry Foster, Developer, ‘21

Previous Authors

• Christina Bae, Designer, ‘19
• Juan Castano, Designer, ‘19
• Morgan Sorbaro, Developer, ‘20
• Angela Li, Developer, ‘20
• Varsha Iyer, Designer, ‘21
• Emy Han, Designer, ‘19
• Esteban Avecedo, Designer, ‘18

Acknowledgements

• Celine Guan, Project Manager, ‘19
• Sofia Stanescu-Bellu, Core Mentor, ‘19
• Laura Walk, Project Manager, ‘20
• Zach Schnell, Core Mentor, ‘18

Contact

If you have any questions about the app, please contact DALI at staff@dali.dartmouth.edu