Demonstração • Sobre • Tarefas • Executar • Tecnologias • Autor • Licença
💻 WEB
Este projeto foi desenvolvido em uma semana no evento Semana Spring React oferecido pela DevSuperior
gratuitamente em 3 aulas com a carga horária de 16 horas.
Utiliza React para navegação e componentização do frontend com apoio de bibliotecas para o design e criação de gráficos dinâmicos.
O backend foi desenvolvido utilizando o Spring Tool Suite 4
, banco de dados H2 para desenvolvimento e o Postgres em produção.
Estado | Tarefa |
---|---|
✔️ | Criar projetos backend e frontend |
✔️ | Salvar os projeto no Github em monorepo |
✔️ | Montar o visual estático do frontend |
✔️ | Publicar o frontend no Netlify |
✔️ | Modelo de domínio |
✔️ | Estruturar o backend no padrão camadas |
✔️ | Consulta paginada de vendas |
✔️ | Consultas agrupadas para gráficos |
✔️ | Implantação na nuvem |
✔️ | Integrar backend e frontend |
Para executar esse projeto você precisa clonar ou baixar
este repositório, ter o Gerenciador de Pacotes do Node (NPM
) ou o Gerenciador de Pacotes YARN (YARN
) instalado.
Entre na pasta frontend/
e execute os seguintes comandos no terminal:
with npm
# Instalar dependências
$ npm install
# Iniciar servidor de desenvolvimento
$ npm start
with yarn
# Instalar dependências
$ yarn
# Iniciar servidor de desenvolvimento
$ yarn start
⚠️ O servidor de desenvolvimento iniciará na porta 3000 - Acesse http://localhost:3000
Para o backend é recomendado utilizar o Spring Tool Suite 4
selecionando a pasta backend/
para adicionar ao workspace da IDE e startar a aplicação.
⚠️ O servidor iniciará na porta 8080 - Acesse http://localhost:8080
As seguintes ferramentas foram utilizadas na construção do projeto:
🌐 Frontend | 🗄️ Backend |
---|---|
React | JAVA |
Bootstrap 5.0 | Spring Boot |
Typescript | H2 |
date-fns | Postgres |
apexcharts | |
axios |
Copyright © 2022 Adriana Beatriz.