Descrição do Projeto

• Esse projeto foi feito visando o aprofundamento no estudo do front-end.
• Para isso foi escolhido a clonagem do aplicativo Uber, muito utilizado atualmente para transporte, no qual utilizei o video como referência.
• Além disso, foi realizado a criação do aplicativo via PWA.

Tecnologias Utilizadas

• NodeJS
• Vue.js 3.x
• Tailwind
• Google Maps
• Pwa
• Javascript

Como Utilizar

• Abra o terminal na raiz do projeto e digite

  npm i
  

• Copie o .env.example da raiz e renomeie para .env, modificando a url do localhost conforme necessidade
• A fim de gerar uma nova key para utilizar o google maps, vá até https://console.cloud.google.com/
• Gere uma Api Key
• Adicione a nova chave aos locais:
  • public/index.html - aonde esta escrito YOUR_KEY
  • server/.env - após renomear o .env.example para .env, modifique aonde está escrito YOUR_KEYY
• Por fim, rodar os comandos:
  • npm i -> raiz do projeto ( instalar dependencias do node )
  • npm run serve -> raiz do projeto ( instanciar o servidor front-end )
  • npm run watch -> dentro da pasta server ( instanciar o back-end para ficar ouvindo as requisições do front-end )
  • npm run pwa -> raiz do projeto ( chamada para a criação do aplicativo pwa )

Application Images