Este projeto é uma página de cadastro. Usei React, react-hook-form para gerenciar o formulário, além de zod para validação de dados. O backend simulado é fornecido pelo json-server.
- React
- react-hook-form
- zod
- json-server
- styled-components
- react-modal
- axios
SignUpPage: Componente principal que contém o formulário de cadastro.CustomInput: Componente de input personalizado usado no formulário.CustomModal: Componente de modal personalizado.CustomToast: Componente de notificação para exibir mensagens de erro ou sucesso.
-
Envio de Dados:
- Se os dados forem válidos, uma requisição é feita para criar o usuário no
json-server. - Se o e-mail já estiver em uso, uma mensagem de erro é exibida.
- Se o cadastro for bem-sucedido, um modal de sucesso é exibido.
- Se os dados forem válidos, uma requisição é feita para criar o usuário no
- npx json-server server.json
- npm run dev
- Node.js instalado
- npm ou yarn instalado