Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/samuelrocha91/consumy
https://github.com/samuelrocha91/consumy
Last synced: about 9 hours ago
JSON representation
- Host: GitHub
- URL: https://github.com/samuelrocha91/consumy
- Owner: SamuelRocha91
- Created: 2024-03-08T11:01:37.000Z (8 months ago)
- Default Branch: main
- Last Pushed: 2024-05-27T18:15:55.000Z (6 months ago)
- Last Synced: 2024-05-28T03:48:46.207Z (6 months ago)
- Language: Vue
- Size: 861 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Projeto do Consumidor - Aplicação de Delivery
## 🌐 Idiomas Disponíveis
[![Português](https://img.shields.io/badge/Português-green)](https://github.com/SamuelRocha91/consumy/blob/main/README.md) [![Español](https://img.shields.io/badge/Español-yellow)](https://github.com/SamuelRocha91/consumy/blob/main/README_es.md) [![English](https://img.shields.io/badge/English-blue)](https://github.com/SamuelRocha91/consumy/blob/main/README_en.md) [![Русский](https://img.shields.io/badge/Русский-lightgrey)](https://github.com/SamuelRocha91/consumy/blob/main/README_ru.md) [![中文](https://img.shields.io/badge/中文-red)](https://github.com/SamuelRocha91/consumy/blob/main/README_ch.md) [![العربية](https://img.shields.io/badge/العربية-orange)](https://github.com/SamuelRocha91/consumy/blob/main/README_ar.md)
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.
![Ilustração uso da consumy](./assets/consumy.gif)
🔗 Repositórios Relacionados
- 💎 [Delivery Backend](https://github.com/SamuelRocha91/delivery_back) - Aplicação backend em Rails para a plataforma de delivery
- 👨💼 [Seller Application](https://github.com/SamuelRocha91/seller_application) - Aplicação do vendedor
- 💲 [Paymenty API](https://github.com/SamuelRocha91/paymenty) - 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](https://github.com/SamuelRocha91/delivery_back) - 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
```sh
npm install
```### Iniciar o Servidor de Desenvolvimento
Para iniciar o servidor de desenvolvimento:
```sh
npm run dev
```### Construir para Produção
Para construir a aplicação para produção:
```sh
npm run build
```### Pré-visualizar a Build de Produção
Para pré-visualizar a build de produção:
```sh
npm run preview
```### Executar Testes Unitários
Para executar os testes unitários:
```sh
npm run test:unit
```
📂 Outros Projetos
- 📏 [React Precision Application](https://github.com/SamuelRocha91/precisionReactApplication) - Interface de cadastro de medições de gás e de água
- 🤖 [Node API](https://github.com/SamuelRocha91/apiMeasureWaterAndGas) - API de medição e cadastro de consumo