From bee9fe1d055b121b1f649ec71906a5167005269e Mon Sep 17 00:00:00 2001
From: marlon passos <marlonpassos@agenciam3.com>
Date: Wed, 29 Mar 2023 15:53:05 -0300
Subject: [PATCH] docs: define requisitos do header

---
 README.md     |  4 ++-
 REQUISITOS.md | 73 +++++++++++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 76 insertions(+), 1 deletion(-)
 create mode 100644 REQUISITOS.md

diff --git a/README.md b/README.md
index 82d67bf..b5226a5 100644
--- a/README.md
+++ b/README.md
@@ -39,4 +39,6 @@ Após a finalização do projeto, o mesmo deverá ser enviado para uma plataform
 # Testes automatizados
 Parte do desafio será corrigido por meio de testes automatizados. É importante que o projeto passe pelos testes para garantir o seu funcionamento correto.
 
-# Critérios de avaliação
\ No newline at end of file
+# Critérios de avaliação
+
+[veja os requisitos do desafio nesse documento](REQUISITOS.md)
\ No newline at end of file
diff --git a/REQUISITOS.md b/REQUISITOS.md
new file mode 100644
index 0000000..9127ea0
--- /dev/null
+++ b/REQUISITOS.md
@@ -0,0 +1,73 @@
+# Requisitos do projetos
+
+Aqui estão os requisitos que serão avaliados:
+
+## Header 
+
+- [ ] Replicar os estilos do layout no Figma em cada breakpoint
+-     [ ] ultra wide 
+-     [ ] desktop
+-     [ ] tablet
+-     [ ] mobile
+- [ ] deve manter a responsividade entre os breakpoints 
+
+### Header - Logo
+- [ ] Replicar o tamanho para cada breakpoint
+-     [ ] ultra wide
+-     [ ] desktop
+-     [ ] tablet
+-     [ ] mobile
+- [ ] deve conter textos alternativos para a logo
+- [ ] deve conter um link para a home ("/")
+- [ ] algum efeito de hover ao passar o mouse sobre a logo
+
+### Header - Search Bar 
+- [ ] Replicar os estilos do layout no Figma em cada breakpoint
+-     [ ] ultra wide 
+-     [ ] desktop
+-     [ ] tablet
+-     [ ] mobile
+- [ ] a estilização deve ser feita no tag input (textos, cores, espaçamentos)
+- [ ] texto de placeholder deve ser o mesmo do layout
+- [ ] deve manter a responsividade entre os breakpoints
+- [ ] ao passar o mouse sobre o ícone de busca, deve haver um efeito.
+- [ ] devo conseguir fazer a submissão do formulário clicando no o botão de busca ou com o apertando da tecla enter
+- [ ] ao fazer a busca o usuário deve ser redirecionado para a página com o resultado da busca 
+    - nao precisa implementar a pagina de resultado, apenas o redirecionar com a url correta
+    - para o termo _"iphone"_ deve redirecianar para a url `/search?q=iphone` 
+    - para o termo _"iphone vermelho"_ deve redirecianar para a url `/search?q=iphone%20vermelho`
+    - esse padrão de url deve ser seguido para todos os termos de busca
+    - esse padrão e' conhecido como query string
+
+### Header - Login 
+- [ ] Replicar os estilos do layout no Figma em cada breakpoint
+-     [ ] ultra wide
+-     [ ] desktop
+-     [ ] tablet
+-     [ ] mobile
+- [ ] deve manter a responsividade entre os breakpoints
+- [ ] deve conter um link para a página de login (`"/login"`)
+- [ ] dever ter um efeito de hover ao passar o mouse sobre o link
+
+### Header - Cart 
+- [ ] Replicar os estilos do layout no Figma em cada breakpoint
+-     [ ] ultra wide
+-     [ ] desktop
+-     [ ] tablet
+-     [ ] mobile
+- [ ] deve manter a responsividade entre os breakpoints
+- [ ] ao clicar no botão de carrinho, deve redirecionar para a página de carrinho (`"/cart"`)
+- [ ] dever ter um efeito de hover ao passar o mouse sobre o botão
+
+### Header - menuBottom
+- [ ] Replicar os estilos do layout no Figma em cada breakpoint
+-     [ ] ultra wide
+-     [ ] desktop
+-     [ ] tablet
+-     [ ] mobile
+- [ ] deve manter a responsividade entre os breakpoints
+- [ ] Os links devem conter efeitos de hover
+- [ ] A url para os textos deve ser:
+-    [ ] "Cursos" -> "/Cursos"
+-    [ ] "Saiba mais" -> "/saiba-mais"
+-    [ ] "Institucional" -> "/institucional"