Marvel Heroes App

Aplicativo simples que lista personagens da Marvel e suas informações como biografia, níveis de habilidade e participações em filmes.

📋 Índice

• Telas
• Sobre o projeto
• Tecnologias utilizadas
• Rodando o projeto
  • Pré-requisitos
  • Rodando o server
  • Rodando o aplicativo mobile

🎨 Telas

📃 Sobre o projeto

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.

🛠 Tecnologias utilizadas

• ⚛️ React native — Aplicativo mobile
• 📱 React native linear gradient — Efeito de gradient nas imagens

🚀 Rodando o projeto

A aplicação é dividida em duas partes, mobile e server, o aplicativo mobile precisa que o server esteja sendo executado para funcionar.

Pré-requisitos

• Git
• NodeJS
• Setup React Native CLI

💻 Rodando o server

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

📱 Rodando o aplicativo mobile

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