O projeto representa uma aplicação onde um cliente pode cadastrar, editar e deletar seu contatos. Possui páginas com as seguintes funcionalidades:
- Register - onde o cliente pode fazer o seu cadastro;
- Login - logar, gerando um token, para acesso ao seu perfil;
- HomePage do cliente - onde o cliente tem acesso aos seus contatos, podendo criar, editar ou deletá-los. Há também um botão, escrito ver perfil, que redireciona o cliente, para a página de profile;
- Profile - onde o cliente pode editar seu dados ou deletar o seu perfil.
- a aplicação utiliza api rodando localmente na máquina do usuário. É preciso clonar este repositório, para visualizar suas funcionalidades;
- pacote de instalação do app com yarn pelo vite;
- utilizados contextos, para os estados, funções e suas props;
- os modais foram criados com o uso do createPortal (react-dom);
- estilos feitos com styled components;
- feita formatação de data e hora, utilizando a lib moment;
- máscara para número de telefone, utilizando InputMask (react-input-mask)
- validação com yup e subimissão dos dados nos formulários utilizando o useForm (react-hook-form)
- axios
- react
- react-dom
- react-hook-form
- react-icons
- react-router-dom
- react-input-mask
- react-toastify
- styled-components
- yup
Costumer Contact