An open API service indexing awesome lists of open source software.

https://github.com/viniciuscosta89/marvel-heroes-app

DevChallenge
https://github.com/viniciuscosta89/marvel-heroes-app

Last synced: 3 months ago
JSON representation

DevChallenge

Awesome Lists containing this project

README

        





Logo

Marvel Heroes by umpontoseis


Escolha seu personagem preferido da Marvel!




Desafio
·
DevChallenge

## Índice

* [Devchallenge](#devchallenge)
* [Desafio](#desafio)
* [Techs](#techs)
* [Como começar](#como-começar)
* [Dicas](#dicas)
* [Dados](#dados)
* [Cores](#cores)
* [Modelo](#modelo)
* [Imagens](#imagens)
* [Tipo de fonte](#tipo-de-fonte)
* [Compartilhe](#compartilhe)

# 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 :)