DS Sales

Descrição

DS Sales é uma aplicação full stack e mobile desenvolvido no Módulo 12 do curso BootCamp Spring React da .

Esse projeto foi desenvolvido como trabalho no final desse módulo do curso. Com o objetivo de reforçar e comprovar nossos conhecimentos sobre o conteúdo apresentado:

Módulo 12 - Dashboard.

O projeto consiste em um painel de controle onde são listados e apresentados em formato gráfico (com o ApexCharts) as vendas realizadas em um determinado período das lojas localizadas em diferentes cidades. As vendas podem ser filtradas pelo período e pelo gênero.

Possui uma área que apresenta a média das vendas, a quantidade, a mínima e a máxima das vendas no período determinado. Apresenta um gráfico geral que disponibiliza a quantidade de vendas, além de um gráfico que mostra o valor total das vendas separadas por lojas e outro por métodos de pagamento. Por fim apresenta também uma tabela com os dados das vendas do período.

Modelo Conceitual

Layout

Design Completo:

Stack utilizada

Front-end:

Back-end:

Projeto Online

Rodando Localmente

Clone o projeto:

git clone git@github.com:DavidMoraes-DEV/DSSales.git

Entre no diretório do projeto:

cd DSSales

Rodar a API:

Importe o projeto pelo Spring Tools Suite:

File / import / Maven / Existing Maven Projects / Next / Browse...
/ Localizar e abrir a pasta DSSales 
/ Abrir a pasta backend / Click em Selecionar pasta
/ No Spring Selecionar: /pom.xml / Finish

Rodar o projeto no Spring Tools Suite:

Botão direito do mouse na pasta raiz do projeto / Run As... / Spring Boot App

Rodar o frontend:

No diretório do projeto navegue até a pasta do frontend:

cd frontend/

Opcional: Abrir o projeto no VS Code pelo terminal:

code .

Instalar as dependências e rodar o projeto:

yarn
yarn start

Teste as requisições da API no Postman: