Desafio em React Native

O que esperamos que você faça?

Somos fãs da Marvel, quem não gosta de Super-heróis? A ideia é bem simples, queremos um aplicativo que nos mostre todos os personagens da Marvel além de seus eventos e séries.

Requisitos básicos:

• Utilizar a API de personsagens da marvel; (https://developer.marvel.com/docs)
• O aplicativo deve conter uma listagem paginada em infinite scroll;
• A listagem deverá ser ordenada por nome;
• Uma modal com os detalhes do personagem;
• Deve ser possível favoritar um personagem; (os favoritos devem ser salvos em base local.)
• Deverá disponibilizar dois filtros: nome do personagem e meus favoritos;

Requisitos técnicos:

• TypeScript;
• Redux;
• Usar persistência de dados; (a livre escolha de base.)

Gostaríamos que:

• Sua imaginação fluísse em relação a interface.
• Caso tenha tempo, fique a vontade para adicionar o que achar necessário. (mas o tempo estará contando!!!)

O que iremos avaliar:

• Iremos observar principalmente a forma com que você irá aplicar o JavaScript.
• Organização estrutural do projeto;
• Utilização de padrões de desenvolvimento;
• Bom código;
• Tempo utilizado;
• UI/UX; (não precisa ser a melhor, mas precisa ser funcional.)

Como iremos avaliar?

• Faça um fork desse repósitorio. (o início será contabilizado a partir do envio das instruções.)
• Ao termino, faça seu pull-request. (levaremos em consideração o tempo entre essas duas etapas.)
• Após isso, é conosco!

--

🎨 Layout

Os usuários tem acesso ao aplicativo onde poderão navegar entre 3 páginas.

• Home - Que contém a lista completa de personagens
• Favoritos - Que contém a lista de personagens marcados como favoritos na pagina Home
• Detalhes - A partir da pagina Home ou Favoritos o usuário pode entrar na pagina de detalhes que mostra as informações de um herói em específico

🛠 Construído com:

This project was developed with the following technologies:

• React
• React Native
• Typescript
• Expo - Para facilitar a execução em vários devices
• React Navigation - Facilitar as rotas dentro da aplicação
• Axios -- Usado para requisições HTTP
• Styled Components - Para ser possivel usar a sintaxe do CSS na estilização das paginas ao invés de usar o CSS-in-JS
• Prettier - Foratação de código
• VS Code - Editor de Texto
• Expo Vector Icons - Icones dentro do Aplicativo
• Redux -Para gerenciamento de estados globais
• Expo Fonts -Para facilitar o uso de fontes diferentes dentro do aplicativo

🚀 Como executar

Depois de instalar globalmente o Expo execute:

# Clone o repositório
$ git clone https://github.com/adlerke/challenge-mobile-react-native

# Acesse a pasta
$ cd challenge-mobile-react-native

# Instale as dependencias
$ yarn

# Inicie o AVD Android ou Emulador iOS
-
# Inicie a aplicação
$ yarn start
#or yarn ios

📝 Get in touch

With 💙 by Adler Kesley