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.
- 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;
- TypeScript;
- Redux;
- Usar persistência de dados; (a livre escolha de base.)
- 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!!!)
- 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.)
- 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!
--
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
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
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
With 💙 by Adler Kesley