O frontend do GYG é construído com React, Tailwind CSS, Shadcn e segue a metodologia Atomic Design, proporcionando uma interface interativa para gerenciar operações logísticas, como controle de inventário, rastreamento de fornecedores, gestão de envios e mais. Esta seção do projeto interage com as APIs do backend para oferecer uma experiência contínua aos usuários.
- Clone o Repositório:
- Clone o repositório e mude para a branch do frontend:
git clone https://github.com/YagoGodoyGarcia/GYG-APP.git- Instale as Dependências:
- Navegue até o diretório do projeto e instale os pacotes necessários:
npm install- Configure as Variáveis de Ambiente:
- Crie um arquivo
.envno diretório raiz e adicione o seguinte:
VITE_AUTH=http://localhost:3000/auth
VITE_USERS=http://localhost:3000/users
VITE_CUSTOMERS=http://localhost:3000/customers
VITE_VEHICLES=http://localhost:3000/vehicles
VITE_VENDORS=http://localhost:3000/vendors
VITE_INVENTORIES=http://localhost:3000/inventories
VITE_CATEGORIES=http://localhost:3000/categories
VITE_PRODUCTS=http://localhost:3000/products
VITE_INVENTORY_EMPLOYMENTS=http://localhost:3000/inventory-employments
VITE_PURCHASES=http://localhost:3000/purchases
VITE_PURCHASE_PRODUCTS=http://localhost:3000/purchase-products
VITE_SALES=http://localhost:3000/sales
VITE_SALE_PRODUCTS=http://localhost:3000/sale-products
VITE_TRANSFERS=http://localhost:3000/transfers
VITE_TRANSFER_PRODUCTS=http://localhost:3000/transfer-products
VITE_SHIPMENTS=http://localhost:3000/shipments
VITE_SHIPMENT_PRODUCTS=http://localhost:3000/shipment-products
VITE_INVENTORY_PRODUCTS=http://localhost:3000/inventory-productsSubstitua http://localhost:3000 pela URL onde o backend está sendo executado.
- Inicie o Servidor:
npm run devO frontend interage com o backend através de APIs REST. Certifique-se de que o backend esteja em execução antes de testar o frontend para evitar erros nas APIs.
A API do GYG pode ser encontrada no repositório GYG API Repo.
Agora você tem o documento traduzido e atualizado com os links do GitHub. Se precisar de mais alguma coisa, é só avisar!