/udacity-mobile-flashcards

Udacity React Nanodegree Project 3: Mobile Flashcards. Built with React Native, Expo and Redux.

Primary LanguageJavaScript

Project: Udacity React Nanodegree Project 3: Mobile Flashcards.

Description.

Mobile Flashcards is an app that helps you study. For each subject or category you are studying, you create a deck. Each deck (category) will contain questions (cards) you want to asnwer.

The app comprises of "Decks" containing "Cards". Each deck you create will contain questions (cards) for a particular category (deck). For each card you create a question and an answer.

Once you have a deck with cards, you can start a quiz to test your knowledge. As you go through the quiz, you will mark your answers as "Correct" or "Incorrect". At the end of your quiz you will get a score.

Happy studying!

Instructions.

Get the code: git clone https://github.com/nicholaspretorius/udacity-mobile-flashcards.git

Change directory: cd udacity-mobile-flashcards

Install dependencies: yarn install

Run the app: yarn start

Emulators

Please ensure you have XCode or Android Studio installed and configured correctly.

Once you have an emulator available:

  • Press i to open the iOS emulator OR
  • Press a to open the Android emulator.

Emulated/Simulated Devices

The app was tested on:

  • MacOS Mojave 10.14.6
  • iOS Simulator iPhone XR iOS 12.4
  • iPhone Xs iOS 13.1.2
  • Android Studio AVD: Pixel Q Android 10. Nexus 5X Q Android 10.

*Note on Android: AVDs run incredibly slowly on my machine. Sometimes it is necessary to press 'Refresh' (R,R) once Expo is running.

App

To run the app on your own device, install the Expo app from either the Apple App Store or from the Google Play Store.

Once you have the Expo app on your device, make sure your computer (running expo) and your mobile device (where you will open expo) is on the same wifi network. Once ready, you can scan the provided QR Code and the app will open on your device.

Please note: Once the app is running via yarn start, ensure that in your browser, on http://localhost:19002/ that you see the words "Tunnel ready" before scanning and opening the QR Code.

Once you have scanned the code, your mobile device will open the app to the app home screen.

Rubric

Please note that in the section "Individual Deck View" it states that:

"The individual deck view includes (at minimum):

...

Option to start a new quiz

... "

In this version of the app, you can only start a quiz once there is at least 1 card in the deck. A user cannot start a quiz without a card and the "Start Quiz" button will not be visible.