https://github.com/navid-kalaei/flashcards
Flashcard quiz app powered by react-native
https://github.com/navid-kalaei/flashcards
android expo ios react react-native react-native-elements redux udacity-react-nanodegree
Last synced: 2 months ago
JSON representation
Flashcard quiz app powered by react-native
- Host: GitHub
- URL: https://github.com/navid-kalaei/flashcards
- Owner: navid-kalaei
- License: mit
- Created: 2017-12-05T16:44:45.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2018-05-09T17:23:18.000Z (about 7 years ago)
- Last Synced: 2025-01-23T01:29:59.573Z (4 months ago)
- Topics: android, expo, ios, react, react-native, react-native-elements, redux, udacity-react-nanodegree
- Language: JavaScript
- Size: 112 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# UdaciFlashcard
A fantastic flashcards app powered by React Native!
# About:
#### This is the last project of [the Udacity React Nanodegree](https://www.udacity.com/course/react-nanodegree--nd019) powered by [React Native](https://facebook.github.io/react-native/) and [React Native Elements](https://github.com/react-native-training/react-native-elements) that make you able to create decks of cards and test your self and get a score
If you want to be lazy this app won't suite you because it sends notifications if you don't take a quizz each day!
However if your a programmer, go ahead and help your self! You'll get familiar with react native and some cool features I've provided ones you start reading the code. :sunglasses:
## Directories and Files:
```
├── ./actions
│ ├── ./actions/constants.js
│ └── ./actions/decks.js
├── ./components
│ ├── ./components/AddCard.js
│ ├── ./components/AddDeck.js
│ ├── ./components/AppStatusBar.js
│ ├── ./components/Deck.js
│ ├── ./components/Decks.js
│ ├── ./components/Quiz.js
│ └── ./components/Result.js
├── ./config
│ └── ./config/store.js
├── ./reducers
│ ├── ./reducers/decks.js
│ └── ./reducers/index.js
├── ./routes
│ ├── ./routes/MainNavigator.js
│ └── ./routes/Tabs.js
├── ./utils
│ ├── ./utils/api.js
│ ├── ./utils/colors.js
│ ├── ./utils/constants.js
│ └── ./utils/helpers.js
├── ./App.js
├── ./app.json
├── ./App.test.js
├── ./LICENSE
├── ./package.json
├── ./README.md
└── ./yarn.lock
```
## Installation:
Just like any other react projects run ```yarn install```
Not familiar with yarn? [Check this out](https://yarnpkg.com/en/)
## Start:
1. Install [Expo](https://expo.io/) on your device or setup an emulator.
2. Start the project ```yarn start```
3. Wait for packager to start and display a QR code.
4. Scan the QR with your device.
## Test:
* node: v9.3.0
* yarn: 1.3.2
* Hoawei Nova 2: Android 7
* IPhone 5s: IOS 11
* Expo: 2.2.0
## Licence:
MIT License
Copyright (c) 2017 Navid Kalaei