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-flashcards
npm install
oryarn
npm run start
oryarn start
run 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:
dayjs
found here was used to learn another date package and try something new instedmoment
.react-native-animate-number
found here and used to Animate Value Numbers easily.react-native-swiper
found here and used to sort array based on an key object.react-navigation
was used to create all the app navigation.redux
andredux-thunk
was 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