taohansens / sds2-dsdeliver

DS Delivery é uma aplicação full stack web e mobile. A aplicação consiste em um sistema de restaurante web e entrega mobile de pedidos.

DSDeliver

Sobre   |   Features   |   Netlify   |   Tecnologias utilizadas   |   Layout   |   Instalação e execução   |   Como contribuir   |   Contato   |   Licença

📃 Sobre

DSDeliver foi o projeto desenvolvido durante a Semana DevSuperior 2.0 - um evento produzido pela DevSuperior com duração de uma semana - em que foram desenvolvidos o back-end, front-end web, e o aplicativo mobile.

Esta é uma aplicação que registra os pedidos realizados pelos clientes dos restaurantes e organiza as entregas para os endereços informados.

✨ Features

✔ Listagem de produtos via API (Backend)

✔ Seleção de items do pedido

✔ Busca de endereços através de um mapa interativo e dinâmico

✔ Validação e finalização de pedidos

✔ Layout responsivo

✔ Página de erro 404 personalizada para rotas inexistentes

✔ Indicador de Loading durante o carregamento dos dados dos produtos (via API)

🌎 Aplicação Web no Netlify

Link para acessar a aplicação hospedada no Netlify:

dsdeliver-sds2-taoh.netlify.app

Obs.: na primeira vez que for executado, é possível que levem alguns segundos para seja feita a conexão com API, devido ao tempo necessário para reativação do servidor (Heroku).

🚀 Tecnologias utilizadas

Este projeto foi desenvolvido com as seguintes tecnologias:

• JDK 11: Java Development Kit 11 - um kit de desenvolvimento para construção de aplicações e componentes usando a linguagem de programação Java;

• IntelliJ IDEA: IDE (Ambiente de desenvolvimento integrado) desenvolvida pela JetBrains para softwares baseados em JVM.

• Postman: uma ferramenta que tem como objetivo testar serviços RESTful (Web APIs) por meio do envio de requisições HTTP e da análise do seu retorno;

  O workspace do Postman com as requisições está disponível para download neste repositório. Baixe e importe o arquivo DSDeliver.postman_collection.json em seu Postman.

• Postgresql 12: um sistema gerenciador de banco de dados objeto relacional (SGBD), desenvolvido como projeto de código aberto;

• pgAdmin: ferramenta para administração do Postgresql, permite fazer realizar as tarefas necessárias para administração do banco de dados;

• Heroku CLI: interface de linha de comando do Heroku que facilita a criação e gerenciamento de seus apps no Heroku diretamente de um terminal;

• Git: o sistema de controle de versão distribuído de código aberto mais utilizado;

• Visual Studio Code: um editor de código-fonte desenvolvido pela Microsoft para Windows, Linux e macOS, recomendado para o desenvolvimento de aplicações web;

• Node.js: um interpretador de JavaScript assíncrono com código aberto orientado a eventos;

• TypeScript: um super conjunto da linguagem JavaScript que fornece classes, interfaces e tipagem estática opcional. Utilizado em conjunto com React no frontend web;

• React: uma biblioteca JavaScript de código aberto com foco em criar interfaces de usuário (frontend) em páginas web. É mantido pelo Facebook, Instagram, outras empresas e uma comunidade de desenvolvedores individuais. É utilizado nos sites da Netflix, Imgur, Feedly, Airbnb, SeatGeek, HelloSign, Walmart e outros;

• React Native: uma biblioteca Javascript criada pelo Facebook. É usada para desenvolver aplicativos para os sistemas Android e IOS de forma nativa;

📟 Layout

Layout das telas da aplicação

Página inicial

Página de pedidos

Mobile

🔧 Instalação e execução

Para baixar o código-fonte do projeto em sua máquina, primeiramente terá que ter instalado o Git.

Com o Git instalado, em seu terminal execute o seguinte comando:

$ git clone https://github.com/taohansens/sds2-dsdeliver.git

Backend

• Como será executado localmente em sua máquina, abra o arquivo application.properties e altere o perfil ativo de prod para test:
• Execute o arquivo DsdeliverApplication.java.
• A aplicação Spring Boot será executada no endereço: http://localhost:8080/.

---

Frontend web

Para instalar e executar o frontend-web do DSDeliver, terá que ter instalado em sua máquina também o Node.js.

1. Vá até a pasta front-web do repositório:

   $ cd front-web

2. Instale as dependências do projeto:

   $ npm install

   Atenção, antes de executar a aplicação React:

Para a busca de endereços no mapa, foi utilizado o Mapbox, uma plataforma de mapeamento que permite que seus clientes criem soluções de mapeamento personalizadas.

• Inicie a aplicação React:

  $ npm start

• Acesse a aplicação pelo endereço: http://localhost:3000/.

---

Mobile

• Vá até a pasta front-mobile do repositório:

  $ cd front-mobile

• Instale as dependências do projeto utilizando a biblioteca Expo:

  $ expo install

3. Inicie a aplicação:

   $ npm start

📝 Licença

Esse projeto está sob a licença MIT. Veja o arquivo LICENSE para mais detalhes.

---

©2022 - Tao Hansen