Countries Stats Finder app. Inspired by Frontend Mentor Challenge. This app is done with educational purposes in order to learn the basics of React-Native framework and redux-toolkit-query toolset. This app doesn't use expo and it only has been tested on my personal Android device.
The main screen retrieves from api rest call to REST Countries API the list of countries with basic data about each of them. When the user clicks on each country's card the app navigates to another screen with more info about the selected country. User also is able to filter countries by name and different filters (capital, region...and so forth) from the left drawer using the gesture ability.
App done with React-Native framework and the following libraries:
- Routing: React Navigation V6
- State: Redux Toolkit (RTK-Query for api calls) / Context API (theme switcher)
- UX/UI: Figma (Prototyping) / HTML - CSS - React-Native-Paper
- Others: Lodash
Some parts of the application could be refactor and improved. For instance navigation stack or conditional styles among others. Due to loss of interest on the development I don't plan on adding new features such as local persist storage configuration and so on.
Clone this repository and install dependencies. Before running the app, be aware of your device is connected or avd emulator configured on Android Studio in case of running Android version check out:
$ npm run androidJust star or fork this repository, and follow my github. You have supported me!