Decidir fazer este desafio, que é criar um app ( com alguns ajustes rsrs) de uma Tabela, com nome dos vendedores e suas respectivas vendas, em um intervalo de um ano, onde faz-se a integração do Back, Front e Banco de Dados. Neste Projeto, foram usados os seguintes apetrechos:
-
react nodejs frontend :
Nodejs 16; Yarn ;STS; VS Code ; IntelliCode ; ESLint ;JSX ;HTML <tags/> -
Criação projeto Spring Boot. Criar projeto Spring Boot no Spring Initializr com as seguintes dependências: Web ;JPA ;H2 ;Security
"Limpar" o projeto ReactJS https://github.com/acenelio/dsmeta-css -
Componentes; Datepicker: Documentação: https://github.com/Hacker0x01/react-datepicker.
-
React Hook useState para manter estado das datas:
-
Postman (Vídeo: https://youtu.be/CWKLVapcnCU )
-
Heroku CLI (Vídeo: https://youtu.be/70LUh5KNaEk )
-
Criação entidade Sale;
-
Mapeamento objeto-relacional (JPA); Configuração dos dados de conexão do Banco de Dados H2; Estruturação do Seed do banco de dados; application.properties:
teste de Endpoint da API REST: -
Criação Repository; Criação Service; Criação Controller
-
Envio de SMS; Dependências Maven do Twilio:
-
Implantação no Heroku; Arquivo system.properties; Criar app no Heroku ; Definir variáveis de ambiente; TWILIO_SID TWILIO_KEY; TWILIO_PHONE_FROM ;TWILIO_PHONE_TO Requisição com Axios e useEffect: yarn add [email protected];
-
Enviar notificação: Toast de confirmação yarn add [email protected]
-
Deploy no Netlify: https://www.netlify.com/ ; Deploy básico: Base directory: frontend; Build command: yarn build; Publish directory: frontend/dist ; Variáveis de ambiente: VITE_BACKEND_URL; Configurações adicionais Site settings -> Domain Management: (colocar o nome que quiser) Deploys -> Trigger deploy