DSMeta Project

Sobre o projeto

DSMeta é uma aplicação full stack web construída durante a Semana DevSuperior, evento organizado pela DevSuperior.

A aplicação web consiste em controlar uma lista de vendas com filtro de data, seus vendedores e notificar via SMS no seu dispositivo o total de vendas de cada um deles.

Layout mobile

Layout web 576px

Layout web 992px

Tecnologias utilizadas

Back end

• API REST com Java e Spring Boot
• Banco de Dados com ORM
• JPA / Hibernate
• Maven
• Integração com SMS

Front end

• HTML / CSS
• JS
• TypeScript
• ReactJS

Implantação em produção

• Devido a retirada do plano gratuito do Heroku o aplicativo só funciona localmente.

Configurando o projeto

# clonar repositório
git clone https://github.com/freitas022/simple-project-java-react.git

Configurando o back-end antes de rodar o projeto

Pré-requisitos: STS / Eclipse / Twilio Account

Antes de configurar o projeto crie uma conta na Twilio, será necessário para enviar o SMS.

Faça o download do SpringToolSuite, importe o projeto usando o Maven e aguarde compilar as dependências.

# configurando variáveis de ambiente para enviar SMS com Twilio
- Clicar no pacote principal 
- Run As 
- Run Configurations
- Spring Boot App / {nome da aplicação} 
- Env 
- Add

# Adicionando variáveis de ambiente para não expor nossos dados 
Name = TWILIO_SID
Value = Colar a sua ID Account do Twilio;

Name = TWILIO_KEY
Value = Colar o seu AuthToken;

Name = TWILIO_PHONE_FROM
Value = Colar o seu número Twilio;

Name = TWILIO_PHONE_TO
Value = Colar o seu número de telefone para receber o SMS;

Como executar o projeto

Back-end

Pré-requisitos: Java 17

# entrar na pasta do projeto backend
cd backend

# executar o projeto
./mvnw spring-boot:run
 
# parar o projeto
ctrl + c

Front-end

Pré-requisitos: npm / yarn

# entrar na pasta do projeto frontend
cd frontend

# instalar dependências
yarn install 

# executar o projeto
yarn run dev

# parar o projeto
ctrl + c

Autor

Matheus Freitas da Silva