Projeto do Consumidor - Aplicação de Delivery

🌐 Idiomas Disponíveis

Este repositório representa a aplicação do consumidor, desenvolvida em Vue.js, para uma plataforma de delivery. Esta aplicação permite que os usuários naveguem, selecionem e comprem produtos de diversas lojas.

🔗 Repositórios Relacionados

• 💎 Delivery Backend - Aplicação backend em Rails para a plataforma de delivery
• 👨‍💼 Seller Application - Aplicação do vendedor
• 💲 Paymenty API - API de pagamento

Conceitos e Dependências Utilizadas

Este projeto aborda e utiliza os seguintes conceitos e dependências:

• Vite: Utilizado como build tool para um desenvolvimento rápido e eficiente.
• Vue.js 3: Framework JavaScript progressivo para construção de interfaces de usuário.
• Vue Router: Roteamento oficial para Vue.js.
• Lodash: Biblioteca utilitária para JavaScript que fornece várias funções para tarefas comuns de programação.
• SweetAlert2: Biblioteca para exibição de alertas customizáveis e atraentes.
• TypeScript: Superconjunto do JavaScript que adiciona tipagem estática opcional.
• EsLint e Prettier: Ferramentas para análise estática de código e formatação de código, respectivamente, garantindo um código consistente e sem erros.
• Vitest: Ferramenta de teste unitário integrada com Vite, simplificando o processo de configuração e execução de testes.
• JSX Support: Suporte para JSX com @vitejs/plugin-vue-jsx.
• dotenv e dotenv-webpack: Gerenciamento de variáveis de ambiente.
• Manipulação de Eventos com @microsoft/fetch-event-source: Utilizado para gerenciar eventos enviados pelo servidor.

🛠️ Setup do Projeto

Para um uso integrado, observe o passo a passo em:

• Delivery Backend - Aplicação backend em Rails para a plataforma de delivery

Para configurar e executar o repositório individualmente, siga os passos abaixo:

Pré-requisitos

Certifique-se de ter o Node.js e o npm instalados em sua máquina.

Instalação das Dependências

npm install

Iniciar o Servidor de Desenvolvimento

Para iniciar o servidor de desenvolvimento:

npm run dev

Construir para Produção

Para construir a aplicação para produção:

npm run build

Pré-visualizar a Build de Produção

Para pré-visualizar a build de produção:

npm run preview

Executar Testes Unitários

Para executar os testes unitários:

npm run test:unit

📂 Outros Projetos

• 📏 React Precision Application - Interface de cadastro de medições de gás e de água
• 🤖 Node API - API de medição e cadastro de consumo