Flash Cards Project is the third challenge project of Udacity Nanodegree React Program.
This project was bootstrapped with Create React Native App.
Follow these steps
git clone https://github.com/marquesm91/react-mobile-flashcardsnpm installoryarnnpm run startoryarn startrun application on iOS(only iOS tested)
| Plataform | Tested ? |
|---|---|
| Android Device | |
| Android Simulator | |
| iOS Device | ✅ |
| iOS Simulator | ✅ |
After the default installation with create-react-native-app, three 3rd party library was added:
dayjsfound here was used to learn another date package and try something new instedmoment.react-native-animate-numberfound here and used to Animate Value Numbers easily.react-native-swiperfound here and used to sort array based on an key object.react-navigationwas used to create all the app navigation.reduxandredux-thunkwas used to state management.
- You can add/delete a Deck.
- You can add new Cards to a Deck.
- You can start a Quiz.
- You can see the answers of each Card.
- You can go back or go further to take a look of all cards Deck.
- You can check your results at the end of the Quiz.
All features listed are a plus and not mentioned in challenge's specification.
- Delete a deck. (An Alert will show to you to really confirm your action. Prevent miss taping)
- View with total of correct answers (absolute and relative) and check again your individual results by card
- You can add multiple cards at the same screen. (You don't have to navigate back to do that)
- When you try to start a quiz with an empty deck, a view you warning you to Create a New Question