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.gitNavegue até o diretório do projeto:
cd Campanha_Publicitaria/Instale as dependências:
npm installCrie um arquivo .env na raiz do projeto e adicione o seguinte endpoint da API:
REACT_APP_API_URL=https://documenter.getpostman.com/view/9196190/UzQsw7MgInicie o servidor de desenvolvimento:
npm startIsso 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 |
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent