Skip to content

A React Native app, project of the Udacity React Nanodegree. Uses MobX for state management and React Navigation for routing.

Notifications You must be signed in to change notification settings

AlbertVilaCalvo/React-Native-MobX-Udacity-Flashcards

Repository files navigation

Udacity Flashcards

React Native project of the Udacity React Nanodegree.

The app allows you to create decks with questions and answers of topics you want to learn about.

It sends you a notification every day to remind you to refresh your knowledge.

The app uses MobX for state management. Data is persisted on the device with AsyncStorage.

This project was created with npx react-native init UdacityFlashcards.

Install dependencies

yarn install or just yarn

Start bundler

npx react-native start

Run instructions for iOS

npx react-native run-ios or npx react-native run-ios --simulator "iPhone 11" (use xcrun simctl list devices to list the simulators)

or

  • Open UdacityFlashcards/ios/UdacityFlashcards.xcworkspace in Xcode or run "xed -b ios"
  • Hit the Run button

Run instructions for Android

  • Have an Android emulator running (quickest way to get started), or a device connected.
  • npx react-native run-android

Launch Android emulator

${ANDROID_HOME}/emulator/emulator -avd Galaxy_Nexus_API_22_5.1_xhdpi_-_Google_APIs &

Use emulator -list-avds to list the existing emulators.

Reload code

  • Android: double tap R on your keyboard.

  • iOS: press Cmd + R in the simulator.

Open debug menu

  • Android: Press Cmd or Ctrl + M or shake your device.

  • iOS: Press Cmd + D or shake your device (Cmd + Ctrl + Z).

Screenshots

App screenshots

About

A React Native app, project of the Udacity React Nanodegree. Uses MobX for state management and React Navigation for routing.

Topics

Resources

Stars

Watchers

Forks