HD Delivery

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

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"

Layouts do "front-end mobile"

Modelo conceitual

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

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:

• Java 11
• npm v14
• expo

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