Giter VIP home page Giter VIP logo

heliohdd / project-sds2 Goto Github PK

View Code? Open in Web Editor NEW
3.0 3.0 0.0 665 KB

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

Home Page: https://heliodouradohdd.netlify.app/

License: MIT License

Java 33.26% HTML 4.56% TypeScript 43.83% CSS 18.13% JavaScript 0.22%
java-11 spring-boot-2 reactjs react-native heroku-deployment tela-para-selecionar modelo-conceitual desenvolvimento projeto pedido

project-sds2's Introduction

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

project-sds2's People

Contributors

heliohdd avatar

Stargazers

 avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.