Mobile application built using React Native and Redux.
The application consumes data from the Marvel Character API and returns it alphabetically in a list using infinite scroll.
It can store the information of the favorite characters in the internal memory of the device.
- Multi languages with automatic selection at startup.
- Data persistence.
- Fluid transition of elements between screens.
- Friendly handling to handle runtime exceptions.
The components were developed using the Atomic Design standard, favoring the reuse, maintenance and standardization of visual elements.
I base spacing and typography patterns on the platform guidelines.
The units of measurement are based on the dimensions and pixel density of the screens, providing homogeneous elements in different devices.
I developed the code using Typescript, and I structured the components with the Functional Components standard.
| Functionality | Library |
|---|---|
| Internationalization | aws-amplify/core |
| State management | Redux |
| Data persistence | Redux Persist |
| Navigation | React Navigation V4* |
| E2E Tests | Detox / Mocha |
*React I maintained Navigation V4 because of compatibility with the library, which provides smooth screen transitions.
I perform e2E tests using the Detox library and the Mocha test runner.
- Install project dependencies:
yarn install
- Build for the platform:
npx react-native run-ios // IOS ou
npx react-native run-android // Android
