Índice

Devchallenge
Desafio
Techs
Como começar
Dicas
- Cores
- Modelo
- Imagens
- Icones
- Tipo de fonte
Compartilhe

Devchallenge

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

Desafio

O desafio consiste em reproduzir um site completo de Banco Digital, onde é possível navegar pela home page, realizar o cadastro e o login e também navegar pela Dashboard contendo a opção de visualizar o seu saldo, seus investimentos, seus cartões cadastrados, seu histórico e suas faturas. O modelo final está disponível na pasta "design" e também no link do figma: FIGMA

Requisitos:

Sua página deverá conter: Home page.
Sua página deverá conter tela de login.
Sua página deverá conter tela de cadastro.
Sua página deverá conter Dashboard, contendo nela as opção de visualizar o seu saldo, seus investimentos, seus cartões cadastrados, seu histórico e suas faturas.
Sua página deverá ser responsiva

Requisitos bônus

Você poderá criar a página de perfil do usúario e uma Navbar na Dashboard para outras opções de navegação.

Techs:

React JS, Vue JS ou se prefirir HTML, CSS e JavaScript

Como começar:

1 - Use esse template (clicando em Use this template) ou faça um fork deste 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 :)

Dicas

Cores:

Preto: #000;
Branco: #FFF;
Cinza: #252525;
Cinza escurecido: #1E1E1E;

Modelo:

O modelo final desktop e mobile está disponível na pasta ./design e no FIGMA

Imagens

As imagens utilizadas estão disponíveis na pasta ./assets

Tipo de fonte:

Inter

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 Madu <3