Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/samuelrocha91/consumy


https://github.com/samuelrocha91/consumy

Last synced: about 9 hours ago
JSON representation

Awesome Lists containing this project

README

        

# Java Projects Logo Projeto do Consumidor - Aplicação de Delivery Java Projects Logo

## 🌐 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