Skip to content

🧠 Mini PDV com IA — um projeto didático que mostra como usar Codex + GPT para gerar, passo a passo, o scaffold completo de um sistema de ponto de venda (cadastro de produtos, estoque e vendas) em um monorepo pnpm com NestJS e Angular.

Notifications You must be signed in to change notification settings

vagnerleitte/ai-mini-pdv

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🧠 Mini PDV — Projeto guiado por IA

Este repositório é o resultado prático da série “IA acelerando o desenvolvimento”, onde todo o código foi gerado iterativamente com o apoio de IA (Codex, Copilot e GPT).
O projeto demonstra NestJS, Angular, Taiga UI e Signals aplicados no desenvolvimento de um Mini PDV — do backend ao frontend.


📚 Série de artigos que originou este projeto

1️⃣ Dois meses com IA: do zero ao EquiProvas
2️⃣ Do EquiProvas ao primeiro protótipo com IA
3️⃣ Como desenhei o front do Mini PDV com IA e Taiga UI
4️⃣ Como construí o front do Mini PDV — Parte 1: Signals, Store e Listagem com Angular + Taiga UI

Em andamento: “Parte 2 — Forms Reativos, Entrada e Venda”.


⚙️ Estrutura do monorepo (PNPM)

Monorepo preparado para crescer com novos apps e libs internas.

mini-pdv/
├── apps/
│ ├── api/ # Backend — NestJS + Prisma + SQLite
│ │ ├── src/
│ │ ├── prisma/
│ │ └── main.ts
│ └── web/ # Frontend — Angular 17 + Signals + Taiga UI
│ ├── src/app/
│ │ ├── pages/
│ │ │ ├── products-list.page.ts
│ │ │ ├── product-create.page.ts
│ │ │ ├── stock-entry.page.ts
│ │ │ ├── sale-create.page.ts
│ │ │ └── product-details.page.ts
│ │ ├── core/ (store + services)
│ │ └── app.routes.ts
│ └── assets/
├── docs/
│ └── images/
│ ├── list.png
│ ├── create.png
│ ├── entry.png
│ ├── sales.png
│ └── details.png
├── package.json
├── pnpm-workspace.yaml
├── tsconfig.json
└── README.md

💻 Requisitos

  • Node.js 18+
  • pnpm 8.x
  • (opcional) Nest CLI e Angular CLI

🚀 Instalação

pnpm install

▶️ Execução

API (NestJS + Prisma + SQLite)

pnpm --filter api start:dev
  • A API sobe em http://localhost:3000.
  • CORS: habilite para http://localhost:4200.
  • Prefixo de rotas: se usar app.setGlobalPrefix('api'), ajuste o frontend para chamar http://localhost:3000/api/....

Frontend (Angular + Taiga UI)

pnpm --filter web start
  • App em http://localhost:4200.
  • Rota inicial redireciona para /produtos.

🧩 Funcionalidades

  • Produtos: criar, listar, consultar detalhes
  • Estoque: entrada e saída com atualização do saldo
  • Vendas: registro e cálculo de total
  • UI: design limpo com Taiga UI + Signals
  • Arquitetura: monorepo escalável com PNPM

🖼️ Interfaces (designs)

As telas foram geradas/ajustadas com IA. As imagens ficam em docs/images:

Tela Descrição Arquivo
Listagem de Produtos Busca/links/ações docs/images/list.png
Cadastro de Produto Form reativo docs/images/create.png
Entrada de Estoque Prévia de novo saldo docs/images/entry.png
Venda Total calculado docs/images/sales.png
Detalhes do Produto Info + ações rápidas docs/images/details.png

🧠 Stack

Camada Tecnologia
Backend NestJS + Prisma + SQLite
Frontend Angular 17 (standalone) + Signals + Taiga UI
Monorepo PNPM Workspaces
IA Codex / Copilot / GPT (prompts e geração de código/UI)

🔎 Quer ver código?

Todo o histórico com commits por etapa está aqui: https://github.com/vagnerleitte/ai-mini-pdv


🎯 Spoiler — Roadmap futuro

  • Parte 2 do Frontend: Forms Reativos, Entrada e Venda
  • Parte 3: Deploy (Netlify) + CI/CD (GitHub Actions) + envs
  • Refinos: testes e2e, guards, paginação/filtros

Este repositório é um estudo real de como a IA acelera o desenvolvimento — cada commit reflete uma etapa da interação com prompts controlados.

About

🧠 Mini PDV com IA — um projeto didático que mostra como usar Codex + GPT para gerar, passo a passo, o scaffold completo de um sistema de ponto de venda (cadastro de produtos, estoque e vendas) em um monorepo pnpm com NestJS e Angular.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published