Este projeto consiste em uma landing page para uma promoção que permite aos usuários se registrarem. O formulário de registro está integrado com uma API fornecida para o envio dos dados do usuário. Após o envio do formulário, um modal de sucesso é exibido.
Siga estes passos para configurar e executar o projeto em sua máquina local.
Certifique-se de ter o Node.js e o npm instalados em sua máquina.
- Node.js: Download Node.js
- npm: (Incluído com o Node.js)
Clone o repositório:
git clone https://github.com/LaiFrance/Campanha_Publicitaria.git
Navegue até o diretório do projeto:
cd Campanha_Publicitaria/
Instale as dependências:
npm install
Crie um arquivo .env na raiz do projeto e adicione o seguinte endpoint da API:
REACT_APP_API_URL=https://documenter.getpostman.com/view/9196190/UzQsw7Mg
Inicie o servidor de desenvolvimento:
npm start
Isso iniciará a aplicação no modo de desenvolvimento. Abra http://localhost:3000 em seu navegador.
O formulário de registro inclui os seguintes campos:
Campo | Descrição |
---|---|
Nome | Nome do usuário |
CPF | Número do CPF |
Endereço de e-mail | |
Senha | Senha de acesso |
Confirmar Senha | Confirmação da senha |
Empresa | Nome da empresa |
Aqui estão as dependências usadas neste projeto:
Dependência | Versão |
---|---|
@emotion/react | ^11.11.1 |
@emotion/styled | ^11.11.0 |
@mui/material | ^5.14.19 |
@testing-library/jest-dom | ^5.17.0 |
@testing-library/react | ^13.4.0 |
@testing-library/user-event | ^13.5.0 |
axios | ^1.6.2 |
formik | ^2.4.5 |
react | ^18.2.0 |
react-dom | ^18.2.0 |
react-input-mask | ^2.0.4 |
react-modal | ^3.16.1 |
react-router-dom | ^6.20.1 |
react-scripts | 5.0.1 |
styled-components | ^6.1.1 |
web-vitals | ^2.1.4 |
yup | ^1.3.2 |
Os scripts disponíveis para este projeto são:
Script | Descrição |
---|---|
start | Inicia o servidor de desenvolvimento |
build | Cria a versão de produção do aplicativo |
test | Executa os testes |
eject | Ejeta o aplicativo do create-react-app |