React Native Memory Game

A memory game mobile app built with React Native, TypeScript and MobX for state management.

Animations and gestures are implemented with Animated, Reanimated and PanResponder.

⚡️ See it in action on YouTube! ⚡️

Develop

Make sure you have completed the Set Up Your Environment guide before proceeding.

First install the dependencies with ./manage.sh install. Then do:

npm run android
npm run ios

To clean the project (i.e. uninstall the dependencies and delete the build folders), run ./manage.sh clean.

Publish Android app to Google Play

Increment the versionCode and change versionName in android/app/build.gradle. Also change the "version" in package.json and package-lock.json.

Open the android folder in Android Studio and then do Build → Generate Signed App Bundle or APK... Choose Android App Bundle (not APK) and click Next. Set the upload Key store information and click Next. Optionally change the Destination Folder (e.g. Downloads). Select the release build variant and click Create. This generates the file app-release.aab in the android/app/release directory or at the directory you specified (inside a folder release). The app-release.aab file should be about 35-45 MB.

Finally, go to the Google Play Console → Select the Memory Game app from the app list → Test and release → Production → Create new release. Upload the app-release.aab file and fill the release notes (you can "Copy from a previous release" and edit the text). Proceed until it's live with a 100% Roll-out percentage. Tip: append ?hl=en to the URL if the console is not in English.