Aplicativo simples que lista personagens da Marvel e suas informações como biografia, níveis de habilidade e participações em filmes.
Aplicativo proposto como desafio pela umpontoseis no site de desafios DevChallenge onde objetivo é desenvolver um app que liste alguns personagens da Marvel e suas caracteristicas, tudo isso seguindo o design proposto proposto e utilizando os dados fornecidos.
- ⚛️ React native — Aplicativo mobile
- 📱 React native linear gradient — Efeito de gradient nas imagens
A aplicação é dividida em duas partes, mobile e server, o aplicativo mobile precisa que o server esteja sendo executado para funcionar.
- Git
- NodeJS
- Setup React Native CLI
Clone o repositório
# Clona o repositório
git clone https://github.com/thiagosprestes/Marvel-heroes-app.git
Navegue até a pasta do projeto clonado e execute os comandos abaixo
# Entra na pasta do server
cd server
# Troque a linha SEU_ENDEREÇO_DE_IP pelo endereço de IP do seu computador
# Inicia o server
npx json-server application.json --host SEU_ENDEREÇO_DE_IP -p 3333
# Acesse http://localhost:3333 para acessar o servidor caso deseje
Caso já tenha clonado o repositório basta pular a primeira etapa
# Clona o repositório
git clone https://github.com/thiagosprestes/Marvel-heroes-app.git
Navegue até a pasta do projeto clonado e execute os comandos abaixo
# Entra na pasta do aplicativo
cd mobile
# Instala as dependências
npm install
Após concluir a instalação das dependências, dentro da pasta mobile renomeie o arquivo chamado .env-example para .env, após isso abra o arquivo e troque o endereço http://0.0.0.0./3333/ pelo endereço de IP do seu computador, o mesmo utilizado para executar o server.
Após isso, no terminal da pasta mobile execute o comando abaixo
# Inicia o aplicativo no Android
yarn android
# Inicia o aplicativo no iOS
yarn ios