/dsmeta-

Projeto FullStack, publicado em nuvem, para fins acadêmicos: Site com layout estático, integrado a um banco com dados de vendedores, onde é possível realizar consultas e com um clique, enviar notificações por SMS com dados, etc.

Primary LanguageJava

DSMETA

Projeto pessoal, desenvolvido em um evento da DevSuperior, onde é possível consultar uma tabela com dados de vendedores para avaliar suas metas alcançadas e enviar um SMS com os dados do vendedor, anunciando que ele foi o destaque de vendas, dentro de um período filtrado por datas.

Tópicos trabalhados

Criação e versionamento do projeto com Git e Github, layout estático, componentes React, DatePicker, React Hook useState, entidades, banco de dados (mapeamento objeto-relacional (JPA)), database seed, listagem de dados, API REST (repository, service, controller), integração com SMS, integração front end e back end, requisições com Axios, React Hook UseEffect, parâmetros de consulta, implantação na nuvem com CI/CD (entrega e integração contínuas), toast (react), design com Figma, componentização.

Ferramentas utilizadas

Back end

Linguagens

Java; SQL;

Framework

Springboot;

Banco de dados

H2

Front end

Linguagens

JavaScript/TypeScript;

Frameworks

ReactJS

IDE's

VS Code

  • IntelliCode
  • ESLint
  • JSX HTML

STS ou outros

Outros

Nodejs 16 e Yarn

Spring Initializr

  • Web
  • JPA
  • H2
  • Security

Heroku (nuvem)

Netlify (implantação/deploy) CI/CD

Twilio (SMS)

Git e GitHub

Composição do projeto

image

Overview da aplicação

image

SDS: Instação das ferramentas no Windows

  • JDK 17
  • STS
  • Postman
  • Heroku CLI
  • NodeJS 16.x
  • VS Code
  • Git