Skip to content

A memory game mobile app built with React Native, TypeScript and MobX. Animations and gestures are implemented with Animated, Reanimated and PanResponder.

Notifications You must be signed in to change notification settings

AlbertVilaCalvo/React-Native-Memory-Game

Repository files navigation

React Native Memory Game

Get it on Google Play

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

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

⚡️ See it in action on YouTube! ⚡️

Screenshot of the memory game

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 (ie uninstall the dependencies and delete the build folders), run ./manage.sh clean.

Privacy policy

https://docs.google.com/document/d/e/2PACX-1vQLr1iT4rwvqgwk5oBHBf18JFiSHS7_zzGYbtahTrs3ujEr2vpuOKF2hPJlS9v7S5bcPLsGZFKxUUuK/pub

Web version

This app is the React Native version of a game I already created for the Web using only JavaScript (ie with no frameworks like React or Vue). You can play the Web version online here and also view its source code here.

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/APK... Choose Android App Bundle (not APK) and proceed. This generates the file app-release.aab in the android/app/release directory, which should be about 35 MB.

Finally, go to the Play Console → Test and release → Production → Create new release, upload the app-release.aab file, fill the release notes and proceed until it's live. (Append ?hl=en to the URL if the console is not in English.)

About

A memory game mobile app built with React Native, TypeScript and MobX. Animations and gestures are implemented with Animated, Reanimated and PanResponder.

Topics

Resources

Stars

Watchers

Forks