luisabfs / hero-mobile

React Native application for listing Marvel superheroes.

Hero Mobile App

React Native application for listing Marvel superheroes!

How to start

These instructions will show you how to make a copy of this project and run it locally in a development environment:

Prerequisites

• Marvel API Key and Hash to make the requests to the Marvel characters API;

• React Native environment with iOS and/or Android build;

Installation

Clone the repository:

git clone https://github.com/luisabfs/hero-mobile.git

Initialize the dependencies in node_modules:

yarn install

Create a file called .env in the root of the project and add your API key:

API_KEY=YOURAPIKEY
API_HASH=YOURAPIHASH

Start and build the app:

yarn start
yarn ios // or yarn android

Run tests:

yarn test

Built with

• Axios - HTTP client based on Promises for the API calls;
• Styled Components - CSS-in-JS for styling React components;
• Jest and React Native Testing Library - for automated unit tests;
• Axios Mock Adapter - Axios adapter that allows to easily mock requests;
• React Native Dotenv - for loading environment variables using import statements;