-
I used react-native-paper for search bar and table
-
Redux for state management and AsyncStorage to save liked characters
-
RTK Query to get data from api
-
Also I added images from another api https://raw.githubusercontent.com/akabab/starwars-api/0.2.1/api/id/2.json
-
Web deploy: https://star-wars-browserr.web.app/
-
APK (Google Drive): https://drive.google.com/file/d/1U5uHJZE5cYIMtsoVXF4SMcsqc-v-ks0v/view?usp=sharing
- Filter function moved to useGetPageQuery and now it takes two params (page, searchQuery)
- New apk : https://drive.google.com/file/d/1PW1B5Loxpz5XryafiTnkUq2Ed1vrM-sB/view?usp=sharing
- Web deploy available with the same link: https://star-wars-browserr.web.app/
- Fixed like button (remove option added)
- Horizontal scroll removed I could make it just by removing ScrollView and it would look like this
- Pagination is always visible now
- But I decided to display the columns conditionally based on the screen size, and if the screen size is less than 420px, then only three columns will be displayed, like in the image below.