Um website teste feito para estudos para voltar a treinar minhas habilidades em html e css. Aqui serão colocados conteúdos de estudos da plataforma DIO na criação de websites utilizando JavaScript, HTML e CSS.

Site Desenvolvido em ReactJs com a finalidade de ser Uma rede social para pets semelhante a insta, Crie sua conta, poste e gerencie suas Fotos, tenha acesso as estatísticas e muito mais, teste agora mesmo. Tecnologias: React, JavaScript, Redux, React Hook Form, css modules, Api RestFull.

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 axios@0.27.2; Enviar notificação: Toast de confirmação yarn add react-toastify@9.0.5 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