Skip to content
A flashcard app build using React Native as the final project for the Udacity React Native Course.
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
components
utils
.babelrc
.flowconfig
.gitignore
.watchmanconfig
App.js
App.test.js
LICENSE
README.md
app.json
package.json
yarn.lock

README.md

Mobile Flashcards By Michael Eisenbraun

What is Mobile Flashcards

Mobile Flashcards is a mobile app for creating digital flashcards and was designed and developed using React Native. This project was created as part of the Udacity React Native course.

This project was built using the Create React Native App and Expo. It also uses React Navigation and React Native Swipe Gestures.

Installation

Requirements

To run this project, you must first have an iPhone with the Expo App installed or have a computer running macOS with Xcode installed.

Installing Dependencies

In a terminal window, navigate to the project and execute the following commands: - yarn install - yarn start

After the server has started, hit i to run it through the iOS emulator or q to display a QR code to view the app on your iPhone through the Expo App.

Supported Platforms

While Mobile Flashcards should work on all iOS and Android devices, it has been official tested of the following: - iPhone SE (device) running iOS 11.1 - iPhone 7 Plus (emulator) running iOS 10.3 - Pixel XL (emulator) running Oreo

Getting Started

The Mobile Flashcards app is a basic digital flashcard system. You can create decks and cards. Decks are a collection of cards. A card consists of a single question and answer.

When you launch the app for the first time, demo decks will be created for you, so you have something to play around with. You may delete them if you wish.

Creating a Deck

When the app first loads you will be presented with the Decks screen which will display a list of all of your Decks. If this is your first time using the app, you should be see the message "No Decks".

To create a new deck, click the "Add Deck", button at the button right corner. You will be presented with dialog box. Enter the title of your new deck, and press "OK".

Deleting a Deck

If you wish to delete a previously created deck and all the associated cards, swipe left on the desire deck and click the "Delete" button.

Creating a Card

After creating a deck, you will be taken to the Deck view. It is also possible to get to the Deck view from clicking on the desired deck from the Decks view. From the deck view, you will see a list of all of the cards create for the current deck.

To create a new card, click on the plus (+) sign in the top right corner. You will be taken to the Add Card view. Here you will be able asked to provide a question and an answer. Clicking the check mark (✓) will save the card to the deck.

Deleting a Card

Deleting a card, can also be accomplished by swiping left on a card while in the Deck view and clicking on the "Delete" button.

Taking a Quiz

A quiz is the process of reviewing each card in a specific deck. To take a quiz, click the "Take Quiz" button in bottom right corner of the Deck view.

Each question is displayed one at a time. After a guess at the answer has been made, you can indicate whether or not your guess was correct using the correct, the green check mark (✓), or incorrect, the red X. The answer to each question can be displayed using the "Show Answer" button found at the bottom of the screen. Clicking either the correct or incorrect button will display the next question.

After all the cards have been presented, your final score will be displayed. From there you will be able to return back to the Deck view or Retake the Quiz.

Notifications

If notifications permissions are granted, a daily reminder will be set to alert you everyday at 9:00 AM if you have not completed a quiz.

License

The Mobile Flashcards is Copyright © 2017 Michael Eisenbraun. It is free software, and may be redistributed under the terms specified in the LICENSE file.

You can’t perform that action at this time.