Kanban Engine | v4.0.2

Sistema de gerenciamento de fluxo de trabalho industrial de alta performance, desenvolvido com arquitetura Real-time Engine. O projeto utiliza comunicação bidirecional via WebSockets para garantir sincronização instantânea entre múltiplos terminais.

🛠 Tech Stack

Frontend (web/)

• Framework: Next.js 16 (App Router)
• Linguagem: TypeScript
• Estilização: Tailwind CSS v4 (Latest)
• Drag & Drop: @dnd-kit/core
• Ícones: @react-icons/all-files
• Comunicação: WebSocket API (Nativa)

Backend (api/)

• Framework: FastAPI (Python 3.12+)
• ORM: Prisma Client Python
• Banco de Dados: MySQL
• Servidor: Uvicorn

---

🚀 Estrutura do Projeto

.
├── api/                # Backend FastAPI + Prisma
│   ├── prisma/         # Schema e Migrations
│   └── main.py         # Entry point do WebSocket/API
├── web/                # Frontend Next.js 16
│   ├── src/components/ # Componentes Kanban (Card, Column, Modal)
│   ├── src/layout/     # Sidebar e Header
│   └── src/providers/  # Theme & Context Providers
└── README.md

---

⚙️ Instalação e Configuração

1. Preparação do Banco de Dados

Certifique-se de que o MySQL está em execução e crie um banco de dados para o projeto. Configure a variável no arquivo .env dentro da pasta api/:

DATABASE_URL="mysql://usuario:senha@localhost:3306/nome_do_banco"

2. Configuração do Backend (Python)

Recomendamos o uso de ambiente virtual (venv):

cd api
python3 -m venv venv
source venv/bin/activate  # Linux/macOS
# venv\Scripts\activate  # Windows

pip install -r requirements.txt
prisma generate
prisma db push
python main.py

3. Configuração do Frontend (Next.js)

Instale as dependências e inicie o ambiente de desenvolvimento:

cd web
npm install
npm run dev

---

🎨 Design System (Industrial UX)

O projeto segue um rigoroso padrão visual minimalista com suporte nativo a Dark Mode:

• Fundo , Títulos , Bordas .