Olá, este é o teste Frontend para desenvolvedores juniores da Klever. O objetivo é analisar as habilidades dos candidatos, com foco nos fundamentos básicos de HTML, CSS e JS.
Todas as imagens das páginas estão na pasta ./screens
- Ao clicar no botão "Add Token" vá para a página "Add Token"
- Ao clicar no ícone "Edit" vá para a página "Edit Token"
- O campo Token é obrigatório
- O campo Balance é obrigatório
- Ao clicar no botão "Back" vá para a página "Home"
- Ao clicar no ícone "Save" botão
- Salve os dados no localStorage do navegador
- Navegar o usuário para a página Home
- O nome do Token deve ser único, o usuário não deve ter nomes de token repetidos
- Exibir as mensagens de erro do formulário para o usuário
- Ao clicar no botão "Back" vá para a página "Home"
- Ao clicar no botão "Save"
- Salve os dados no localStorage
- Navegar o usuário para a página Home
- Ao clicar no botão "Remove"
- Remova a data do armazenamento local
- Navegar o usuário para a página Home
- Quando o usuário clicar no botão "Remove" deverá exibir um alerta ao usuário para confirmar a remoção.
- Se confirmado, o token deve ser excluído
- Se negado, o alerta fecha e o token não deve ser excluído,
Todos os ativos estão na pasta ./assets
- Use o React Framework
- Testes Unitários
- Posso usar HTML, CSS, JS?
- Sim
- Posso usar outros frameworks javascript?
- Sim
- Posso usar algum framework CSS como Bootstrap, Material UI?
- Sim e tente seguir o design proposto