samwhiteiv / udacity-mobile-flashcards

Udacity React Nanodegree Project 3: Mobile Flashcards - React Native + Expo

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Overview

This app was built as for the Udacity React Nanodegree Project 3: Mobile Flashcards. It is an app that helps a user study. For each subject you are studying, you create a deck. Each deck will contain questions or cards you want to asnwer.

The app comprises of "Decks" containing "Cards". Each deck you create will contain questions (cards) for a particular subject (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" via thumbs up/down buttons. At the end of your quiz you will get a score %.

Notifications have been setup via expo and will remind the user to attempt one deck/quiz a day.

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.

Tested/Simulated Devices

The app was tested on:

  • MacOS Mojave 10.14.6
  • iOS Simulator iPhone 11 iOS 13.3
  • iPhone 7 iOS 13.3
  • Android Studio AVD: Pixel Q Android 10. Nexus 5X Q Android 10.

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.

Additional Notes

About

Udacity React Nanodegree Project 3: Mobile Flashcards - React Native + Expo


Languages

Language:JavaScript 100.0%