2023-03-29 18:53:05 +00:00
# Requisitos do projetos
Aqui estão os requisitos que serão avaliados:
2023-03-30 10:12:53 +00:00
# Requisitos obrigatórios para todos os componentes:
2023-03-29 18:53:05 +00:00
- [ ] Replicar os estilos do layout no Figma em cada breakpoint
2023-03-29 20:40:25 +00:00
- [ ] ultra wide
- [ ] desktop
- [ ] tablet
- [ ] mobile
2023-03-30 10:12:53 +00:00
- [ ] deve manter a responsividade entre os breakpoints
- [ ] os textos devem estar iguais ao layout
- [ ] Se no layout conter algum efeito de hover ou focus, deve ser replicado. Porem qualquer elemento que seja interativo deve ter um efeito
- [ ] Os seletores de test-id deve estar nos elementos html que cotem o estilo e funcionalidade esperada (ex: se voce esta desenvolvendo um link, o test-id deve estar na tag `<a data-testid="link">` e todos os estilos e funcionalidades devem ser aplicados nessa tag, se for um campo de formulario o test-id deve estar na tag `<input data-testid="input...">` e assim por diante)
2023-03-29 18:53:05 +00:00
2023-03-30 10:12:53 +00:00
## Header
2023-03-30 11:22:44 +00:00
![](https://i.imgur.com/tYPxkEg.png)
2023-03-30 10:12:53 +00:00
- [ ] todos os requisitos obrigatórios
2023-03-29 18:53:05 +00:00
### Header - Logo
2023-03-30 11:22:44 +00:00
![](https://i.imgur.com/eMK5jb3.png)
2023-03-30 10:12:53 +00:00
- [ ] todos os requisitos obrigatórios
2023-03-29 18:53:05 +00:00
- [ ] deve conter textos alternativos para a logo
- [ ] deve conter um link para a home ("/")
2023-03-30 11:22:44 +00:00
## Banner
![](https://i.imgur.com/qy6Uy8Q.png)
2023-03-30 10:12:53 +00:00
- [ ] todos os requisitos obrigatórios
2023-03-30 11:22:44 +00:00
- [ ] A imagem nao deve distorcer ou ficar cortada em nenhum tamanho de tela, deve manter a proporção.
2023-03-29 18:53:05 +00:00
2023-03-30 11:22:44 +00:00
## Texts 1
![](https://i.imgur.com/f4KMK6D.png)
2023-03-30 10:12:53 +00:00
- [ ] todos os requisitos obrigatórios
2023-03-29 18:53:05 +00:00
2023-03-30 11:22:44 +00:00
## Cards 1
![](https://i.imgur.com/HL6JBmS.png)
2023-03-30 10:12:53 +00:00
- [ ] todos os requisitos obrigatórios
2023-03-30 11:22:44 +00:00
- [ ] A order dos cards deve ser alterada de acordo com o tamanho da tela
2023-03-29 18:53:05 +00:00
2023-03-30 10:12:53 +00:00
2023-03-30 11:22:44 +00:00
## GAllery
![](https://i.imgur.com/n8oovYz.png)
2023-03-30 10:12:53 +00:00
- [ ] todos os requisitos obrigatórios
2023-03-30 11:22:44 +00:00
- [ ] A order das imagens deve ser alterada de acordo com o tamanho da tela
- [ ] As imagens nao devem distorcer ou ficar cortadas em nenhum tamanho de tela, deve manter a proporção.
2023-03-30 10:12:53 +00:00
2023-03-30 11:22:44 +00:00
## Galery 2
![](https://i.imgur.com/k3zP52x.png)
2023-03-30 10:12:53 +00:00
- [ ] todos os requisitos obrigatórios
2023-03-30 11:22:44 +00:00
- [ ] A order dos cards deve ser alterada de acordo com o tamanho da tela
2023-03-30 10:12:53 +00:00
2023-03-30 11:22:44 +00:00
## Texts 2
![](https://i.imgur.com/8xdq7oO.png)
2023-03-30 10:12:53 +00:00
- [ ] todos os requisitos obrigatórios
2023-03-30 11:22:44 +00:00
- na versão mobile deve invertar a ordem do texto e da imagem
2023-03-30 10:12:53 +00:00
## Footer
2023-03-30 11:22:44 +00:00
![](https://i.imgur.com/GwOijzu.png)
2023-03-30 10:12:53 +00:00
- [ ] todos os requisitos obrigatórios
2023-03-30 11:22:44 +00:00
- [ ] cada icone deve conter um link para a pagina do icone
- [ ] [Youtube ](https://www.youtube.com/@m3academy392 )
- [ ] [Facebook ](https://www.facebook.com/m3Academy )
- [ ] [Instagram ](https://www.instagram.com/m3Academy )
-