Aplicativo de estacionamento com Api em Nodejs, MongoDB e Vuejs

Demonstração

WPark Estacionamento

Licença:

• Este projeto é quase 100% livre para ser utilizado da forma como quiser ou para aprimoramentos.
• A única coisa que peço é que se mantenha o rodapé do site com os devidos créditos e link para o meu github, no restante, pode ser utilizado em qualquer lugar e feito quaisquer alterações.

Objetivos:

• O meu objetivo neste projeto foi aprimorar cada vez mais meus estudos com Nodejs e Vuejs.
• Buscar desafios do mundo real.
• Contribuir com aplicativo totalmente opensource para a comunidade caso alguém queira utilizar ou aprimorar futuramente.

Requisitos:

• Botão para adicionar veículos ao pátio
• Filtros por carros ativos/encerrados e ainda um campo para filtrar por placa.
• Mostrar quanto tempo se passou e qual valor a ser pago por cada cliente para retirar o veículo do pátio.
• Mostrar um histórico dos carros que estão no pátio e já saíram dele.
• Opção de configuração de valores para serem ajustados pelo administrador.
• Botão para impressão do histórico.

Técnologias:

BackEnd com Node. Pacotes:

• Express para criar servidor e escutar em uma porta.
• Cors para deixar api pública e então ser acessada de qualquer lugar.
• Mongoose para conexão com banco de dados MongoDB na núvem.
• Require-dir para centralizar e carregar todos os arquivos de uma determinada pasta.
• Nodemon para live reload.

FrontEnd com Vue js. Pacotes:

• Axios para fazer requisições do front para a api no BackEnd.
• Bootstrap para utilizar a biblioteca gráfica e agilizar o processo de construção de interfaces.
• Vee Validate para validar os campos de input no formato desejado.
• Vue Router para navegação em SPA (single page application)

Instalação e Utilização:

Será necessário instalar os seguintes programas e pacotes para funcionamento do aplicativo:

• Node js
• Criar uma conta no MongoDB
• Passar uma string de conexão para o backEnd com a conta do MongoDB.
  mongoose.connect('mongodb+srv://:@home-jfxqp.gcp.mongodb.net/wpark?retryWrites=true', { useNewUrlParser: true });
• Depois de instalar tudo e colocar a string de conexão no arquivo server.js da api. Exclua as pastas node_modules e o arquivo package-lock.json da api e da página e o depois entre na raiz de cada uma delas e roda o comando npm i para reinstalar os módulo.
• Após isso, entre na raiz do servidor e rode o comando npm run dev. Siga o mesmo passo na pasta da página então estará funcionando o servidor de front e back e poderá utilizar o aplicativo.
• Qualquer dúvida ou suporte que precisar, pode entrar em contato comigo através do facebook Willian Bello.