Logo

Marvel Heroes by umpontoseis

Escolha seu personagem preferido da Marvel!

Desafio · DevChallenge

Índice

Devchallenge

DevChallenge permite que você evolua suas skills como programador! Participe da nossa comunidade o/

Desafio

Seu desafio é criar um aplicativo listando os personagens da Marvel, com suas informações, habilidades e filmes! O modelo final está disponível na pasta "design"

Techs:

React Native, Vue Native, Flutter ou a linguagem que você preferir :)

Como começar:

1 - Use esse template ou clone esse repositório com o código inicial
2 - Leia as instruções no readme.md
3 - Comece a codar! Sinta-se livre para utilizar o fluxo de trabalho que ache mais confortável
4 - Compartilhe seu resultado com a comunidade! Se puder, mostre seus resultado aqui no repositório também, criando uma Issue :)

Requisitos:

  • Seu app deverá conter uma tela inicial onde irá listar os personagens divididos por heróis, vilões, anti-heróis, alieníginas e humanos
  • O usuário poderá visualizar mais personagens arrastando o dedo para o lado (como um carrossel)
  • Ao clicar em um personagem, deverão ser exibidas informações sobre a vida, habilidades e filmes na qual esse personagem esteve
  • Seu app deverá se parecer o mais próximo possível ao modelo que está disponível na pasta "design"

Dicas

Dados

Para listar os dados, você pode utilizar o arquivo application.json, disponível na pasta ./assets > application.json
Ou se preferir, pode buscar os dados na API na Marvel, dá uma olhadinha na documentação: https://developer.marvel.com/

Cores:

Primárias
primary-red - #F2264B
primary-dark - #313140
primary-grey - #B7B7C8
primary-silver - #F8F8F8

Modelo:

O modelo final está disponível na pasta ./design e também no figma da umpontoseis: https://www.figma.com/community/file/849367817302905364
Para utilizar o modelo do figma, basta clicar em "duplicate"

Imagens

As imagens utilizadas estão disponíveis na pasta ./assets > chars e ./assets > movies
Os ícones estão disponíveis na pasta ./assets > icons

Tipo de fonte:

Gilroy
A fonte está disponível na pasta ./assets > fonts

Compartilhe!

Inicie seu projeto utilizando esse template no seu github como um repositório público
Faça um print, gif ou vídeo e compartilhe o resultado no seu Linkedin

Desafio criado por umpontoseis :)