- Crie o seu projeto utilizando Next.js e Typescript
- Componha a tela de login seguindo o design descrito em: Figma: https://www.figma.com/file/sP4N5PeWWkd3jJuYNdJU36/Teste-Frontend-EVOB?node-id=0%3A1
- Preencha os elementos visuais (textos e logotipo) recebidos através do endpoint: get - https://front.evob.dev.marcomapa.com/front_challenge/info
- Envie os campos [email] e [password] preenchidos como form-data p/ o endpoint: post - https://front.evob.dev.marcomapa.com/front_challenge/login
- Exiba os retornos da API ao usuário Dados p/ teste: E-mail: testfront@evob.com.br Senha: 123456 Qualquer outro usuário ou senha retornará: "Usuário/Senha inválidos"
O que será avaliado:
- Clean Code;
- Organização;
- Pixel Perfect;
- Boas Práticas;
- Responsividade
Fique à vontade p/ agregar funcionalidades ao projeto. Contará pontos extras cada adicional que sua criatividade trouxer
Sugestão de Item Adicional: No mesmo projeto, consta também um layout p/ tela de Cadastro. Aproveite p/ desenvolvê-la utilizando validações de campos e recursos que julgar pertinente ao contexto
- Next JS
- Typescript
- Styled-Components
- Tela de Login
- Tela de Cadastro
- Página de erro 404
- Validação dos Formulários
- clone o repositório
- use o comando
npm installna pasta raiz do projeto para baixar as dependências - use o comando
npm run devpara iniciar o projeto localmente
Para acessar o projeto online acesse o link: https://front-challenge-seven.vercel.app