This is the third project from the Udacity React Nanodegree and focuses on building a "Mobile Flashcards" app using React Native.
Contents |
---|
App Experience |
Getting Started |
Tech Stack |
Platforms |
The application allows a user to create a deck of flash cards, each capturing a question and answer for the deck's topic. The user can then start a quiz to test their knowledge of a particular topic. Here's a quick preview of the app in action:
To run this project locally, clone this repository and run the following commands:
npm install
npm start
- Since this project is
React Native
and iOS and/or Android Simulator will need to be configured on the computer.
- Since this project is
This is a React Native app and as such the project was started using create-react-native-app
. The code base is rather straight forward and a standard React component model is used. Redux is used for state management and React Native AsyncStorage is used for persistence. The data structure used relies on a random unique ID being generated for each deck, and the data for each deck being stored accordingly:
random_id_string: {
id: random_id_string,
name: name_of_deck,
cards: [
{question , answer},
{question , answer},
{question , answer}
]
},
random_id_string: {
id: random_id_string,
name: name_of_deck,
cards: [
{question , answer},
{question , answer},
{question , answer}
]
}
This application could certainly be enhanced (such as enabling deletion support for decks and cards), but as of right now it delivers on the requirements for the Udacity React Nanodegree.
Platform | Tested | Notes |
---|---|---|
iOS | ✅ | |
Android | ❌ |