Esse projeto se trata de uma agenda de contatos, onde um usuário poderá se cadastrar, realizar login, adicionar e remover contatos de uma lista.
Para concluir esse desafio prático, você precisará se basear em um arquivo figma, esse arquivo está aqui no repositório com o nome de projeto.fig
, baixe o arquivo e importe no seu figma :)
Você também pode clicar nesse link para acessar o figma do projeto.
Veja abaixo as páginas que deverão se desenvolvidas:
- Preencher e-mail e senha (com qualquer valor)
- Ao clicar em login deve validar se os inputs estão preenchidos
- Ao clicar no botão de: Não tem cadastro, clique aqui o site deve ser redirecionado para a página de cadastro de usuário.
- Na página de sign-up os inputs também devem ser validados para não estarem em branco, essa validação deve acontecer ao clicar no botão CADASTRAR
- Quando clicarmos em Já tem cadastro? Clique aqui! o site deve ser redirecionado para a página de login
- Ao clicar no botão Cancelar os inputs devem ser limpos
Na página main é preciso ter uma tabela seguindo a estrutura da imagem acima.
- Quando clicarmos no botão Adicionar um modal seguindo a estrutura da imagem acima deve ser aberto
- Os botões de adicionar, limpar e o X devem fechar o modal
- Ao clicar no ícone da lixeira em qualquer linha, um modal de confirmação da exclusão deve ser aberto
- Os botões excluir, cancelar e o X devem fechar o modal
Preencha a checklist para finalizar o exercício:
- Fazer o fork do repositório para sua conta
- Executar
git clone
do seu fork no terminal para clonar o repositório, ou clonar de outra maneira - Após fazer e commitar todos os exercícios fazer o
git push
para seu fork - Copiar a url do seu fork e enviar na plataforma