Skip to content

Aplicativo "Spring Boot" e "React" para controle de pedidos e entregas em uma rede de restaurantes e fastfood.

License

Notifications You must be signed in to change notification settings

heliohdd/project-sds2

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

37 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

HD Delivery

Solução Digital desenvolvida em Java com Spring Boot e React integrada com mecanismo de geolocalização

NPM

Sobre o projeto

Experimente o funcionamento do aplicativo conferindo aqui a versão em modo produção "on cloud".

HD Delivery é uma aplicação full stack web e mobile desenvolvida durante a 2ª edição da Semana DevSuperior que foi um evento online, organizado por iniciativa da DevSuperior, com o objetivo de criar uma demonstração do uso de tecnologias modernas com destaque para o React no "front-end web" e React Native no "front-end mobile".

Esta aplicação consiste em um Sistema de Gerenciamento de pedido e entrega de refeições fornecidas por uma rede de restaurantes e fast food. Para tal os clientes registram seus pedidos através da "versão web", e as entregas são gerenciadas e entregues através da "versão mobile".

Layout

Tecnicamente falando o projeto todo foi desenvolvido envolvendo "back-end", "front-end web" e "front-end mobile".

Veja abaixo as telas que compõem o aplicativo posicionando o cursor sobre as imagens para conferir sua descrição.

Layouts do "front-end web"

Web 1 Web 2 Web 3 Web 4

Layouts do "front-end mobile"

Mobile 1 Mobile 2 Mobile 3 Mobile 4 Mobile 5 Mobile 6 Mobile 7 Mobile 8

Modelo conceitual

Abaixo é apresentado o modelo conceitual utilizado para o desenvolvimento desta aplicação.

Modelo Conceitual

Tecnologias utilizadas

Abaixo são listadas as tecnologias utilizadas para o desenvolvimento desta aplicação.

Back-end

Confira a documentação da API conforme especificação Open API 3.0 neste link: documentação.

  • Java 11 LTS - (versão com suporte prolongado)
  • Spring Boot 2.4.1 - (versão estável atual do framework)
  • JPA/Hibernate - (mapeamento ORM)
  • Maven - (gerenciamento de dependências)
  • H2 - (banco de dados em memória)
  • Postman - (testes durante o desenvolvimento)

Front-end web

  • HTML5/CSS3/JS/TypeScript - (desenvolvimento web)
  • React JSX - (gerar aplicação web responsiva)
  • React Router - (para rotas avançadas no React)
  • React-ApexCharts - (para incluir interface gráfica sofisticada ao projeto)
  • Axios - (para fazer requisições HTTP no ambiente Node.js)

Front-end mobile

  • React Native - (geração da Aplicação mobile)
  • Expo - (integra o processo de desenvolvimento com o dispositivo mobile Android/iOS)

Integração com API's

  • Mapbox Geocoding API - (para a utilização de geolocalização no front-end web)
  • Google Maps API - (para a utilização de geolocalização no front-end mobile)

Implantação do Projeto

O projeto foi implatado na nuvem através da plataforma PaaS Heroku com entrega contínua (Github Actions) para a parte do back-end, dispondo assim de um ambiente que oferece alta disponibilidade e escalabilidade permitindo ao Sistema ótimos níveis de performance e funcionabilidade.

Para o front-end web foi utilizada a plataforma Netlify e o front-end mobile foi desenvolvido para ser implantado nas lojas mobile Android/iOS.

Para o armazenamento dos dados foi utilizado o Banco de Dados Postgresql.

Como testar o projeto localmente?

Pré-requisitos:

Clonar o repositório

$ git clone https://github.com/heliohdd/project-sds2.git

Executar o projeto

Back end

$ cd project-sds2/backend

$ ./mvnw spring-boot:run

Front end web

$ cd hdsdeliver-sds2/front-web

$ npm start

Autor

Hélio Dourado

LinkedIn Badge