https://github.com/samuelrocha91/seller_application

Este repositório contém a aplicação do vendedor para a plataforma de delivery, desenvolvida em Vue.js
https://github.com/samuelrocha91/seller_application

actioncable eslint lodash pinia typescript vitest vue3

Last synced: 4 months ago
JSON representation

Este repositório contém a aplicação do vendedor para a plataforma de delivery, desenvolvida em Vue.js

• Host: GitHub
• URL: https://github.com/samuelrocha91/seller_application
• Owner: SamuelRocha91
• Created: 2024-04-20T20:01:46.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-10-06T12:14:47.000Z (about 1 year ago)
• Last Synced: 2025-03-04T06:15:02.356Z (8 months ago)
• Topics: actioncable, eslint, lodash, pinia, typescript, vitest, vue3
• Language: Vue
• Homepage:
• Size: 49 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
#  Projeto do Lojista - Aplicação de Delivery 

## 🌐 Idiomas Disponíveis

[![Português](https://img.shields.io/badge/Português-green)](https://github.com/SamuelRocha91/seller_application/blob/main/README.md) [![Español](https://img.shields.io/badge/Español-yellow)](https://github.com/SamuelRocha91/seller_application/blob/main/README_es.md) [![English](https://img.shields.io/badge/English-blue)](https://github.com/SamuelRocha91/seller_application/blob/main/README_en.md) [![Русский](https://img.shields.io/badge/Русский-lightgrey)](https://github.com/SamuelRocha91/seller_application/blob/main/README_ru.md) [![中文](https://img.shields.io/badge/中文-red)](https://github.com/SamuelRocha91/seller_application/blob/main/README_ch.md) [![العربية](https://img.shields.io/badge/العربية-orange)](https://github.com/SamuelRocha91/seller_application/blob/main/README_ar.md)

Este repositório contém a aplicação do vendedor para a plataforma de delivery, desenvolvida em Vue.js. Esta aplicação oferece uma interface para gerenciamento de pedidos e produtos por parte dos vendedores.

![Ilustração de cadastro de usuário](./assets/internal.gif)

  
🔗 Repositórios Relacionados


  - 💎 [Delivery Application](https://github.com/SamuelRocha91/delivery_back) - Backend em Rails para a aplicação de delivery.

  - 🛒 [Consumer Application](https://github.com/SamuelRocha91/consumy) - Aplicação do consumidor.

  - 💲 [Paymenty API](https://github.com/SamuelRocha91/paymenty) - API de pagamento.

![Ilustração de funcionalidades internas](./assets/registerseller.gif)

  
📑 Links do Projeto


- [Design no Figma](https://www.figma.com/file/tS8r4eROXBknYixtDcijXd/Meu-portf%C3%B3lio?type=design&node-id=0-1&mode=design&t=pL6yJYx6lOSWBGdw-0)

  
📦 Dependências e Funcionalidades


### Dependências Principais

- **Vue.js:** Framework JavaScript progressivo para construção de interfaces.

- **Vue Router:** Para roteamento de páginas no Vue.js.

- **Vite:** Ferramenta de build para desenvolvimento rápido e otimizado.

- **Vitest:** Framework de testes unitários para Vue.js.

- **ESLint & Prettier:** Ferramentas de linting e formatação de código para manter a qualidade do código.

- **TypeScript:** Suporte a TypeScript para um desenvolvimento mais seguro e escalável.

- **Pinia:** Biblioteca de gerenciamento de estado inspirada no Vuex.

### Funcionalidades Implementadas

- **Fetch Event Source:** Para comunicação em tempo real com o backend.

- **SweetAlert2:** Para exibir alertas e diálogos bonitos e personalizados.

- **Vuedraggable:** Para drag-and-drop de elementos na interface.

### Outras Ferramentas e Plugins

- **@rails/actioncable:** Para integração com WebSockets no backend Rails.

- **lodash.debounce:** Utilitário de funções para facilitar operações com debounce.

- **@types/rails__actioncable:** Tipagens TypeScript para ActionCable.

  
🛠️ 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](https://nodejs.org/) e o [Yarn](https://classic.yarnpkg.com/lang/en/docs/install/) instalados em sua máquina.

### Instalação das Dependências

```sh

npm install

```

### Iniciar o Servidor de Desenvolvimento

Para iniciar o servidor de desenvolvimento, execute:

```sh

npm run dev

```

### Executar Testes

Para executar os testes unitários, utilize:

```sh

npm run test:unit

```

  
📂 Outros Repositórios


- 📏 [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.