React Native app that lets a user explore the Marvel character universe, find their favourite hero and view detailed info about them.
The app allows users to filter Marvel characters by their names. Tapping on a name will navigate to a screen with the characters' stats, description (if available) and display a gallery of comic books they have been featured in.
Marvel limits the amount of API calls made to the server from a particular account over a day. I have added some error handling to gracefully display a message when this limit is reached.
If this error is shown, one way to get around it is to use another account's private and public keys. The values are set in ./config/index.js. I considered storing these keys in .env but didn't want to over-complicate things.
- pull down the master branch
- run
yarn
in the command line to install dependencies
- run
yarn ios
to view the app on an IOS simulator
- you will need detox CLI installed: https://github.com/wix/Detox/blob/master/docs/Introduction.GettingStarted.md
- in the command line, run
detox build
the first time you run this, it will take a while
- after detox finishes building, run
detox test
- the test will run through the pre-defined scenarios defined in ./e2e directory
- routing is done with react-navigation
- uses React Native UI Kitten design system
- uses React Native Chart Kit for charting