A simple, RN based assessing your React Native development skills.
- Working on Android or iOS
- Data source to be used in the game (list of countries with corresponding flags) available at https://github.com/linssen/country-flag-icons/blob/master/countries.json
- Use local storage to store country/flag data
A simple True/False game - displays pairs of country flag and country name. Pairs can be correct or incorrect. Player's role is to confirm whether currently displayed flag/name pair is correct or not.
- Upon launch the app downloads the aforementioned .json dataset.
- When a new game is started, prepare a set of 10 pairs - 5 of which are correct, 5 of which are incorrect. Download image data.
- When downloads are complete, display the first pair (name, flag) and start timer
- Answering by swiping flag image left (incorrect), swiping flag image right (correct) (tinder-like)
- If answered correctly - display 'Correct!' messsage, proceed to next pair
- Limited time to answer - 3 seconds. If time is exceeded - game over. Display 'Time's up!' message and proceed to summary screen.
- If answered incorrectly - game over, display 'Incorrect!' message and proceed to summary screen.
- When 10 pairs are answered correctly - game ends, proceed to summary screen.
- welcome screen ('Play' button),
- main game screen (flag image, country name, time counter, number of answered/number of all pairs),
- summary screen (number of correct answers), 'Play again' button
Once completed, upload code to your github account and share.