TestZeroOneApp

Chinese name is 好鴨排行榜. 鴨 stands for App.

Used packages

• react-navigation
• react-native-fontawesome

Check list

• ✔︎ Portrait and landscape mode
• ✔︎ App listing
  • ✔︎ scrolling pagingation
  • ✔︎ Odd row to be cropped with round corner
  • ✔︎ Even row to be cropped in circle
• ✔︎ App recommendation
  • ✔︎ App icons to be cropped with round corner
• ✔︎ Search bar
  • ✔︎ Performed immediately when keyword is typed
• ✔︎ Show loading indicator when fetching data
• ✔︎ Exceptional case handling, e.g. poor network
• ✘ Add row scroll-in animation
• ✔︎ Store API data locally with data model

Missing TO-DO List

• add scroll-in animation
• add code test
• progressive images
• can add react-redux (a single page application is no need to use, but can add it considering future development)

Sample screenshots

Scrolling pagination

https://i.imgur.com/S3WX1cl.gif

Perform search immediately when keyword is typed

https://i.imgur.com/dpDTHME.gif