Hacktoberfest 2026: as issues que os mantenedores marcaram para outubro, abertas e boas para iniciantes. Ver issues do Hacktoberfest

Add configurable task limit per column 🚦

Aberta Para iniciantes
#524 0 comentários 0 reações 0 responsáveis Ver no GitHub

Mantenedores costumam responder em até 1 dia

Ninguém assumiu esta issue ainda.

Avaliação

Dificuldade
2/5
Tempo estimado
1-3 horas
Facilidade para iniciantes
76/100
Tipo de issue
Funcionalidade
Clareza
Claramente especificada
Status de atividade
Pouca atividade
Stack de tecnologia
javascript, react, tailwindcss
Domínio
frontend

Direção de pesquisa

Comece por client/src/components/Board/Column.jsx e verifique como os IDs das colunas, as contagens de tarefas e o manipulador de adição de cartões são usados. Adicione o comportamento solicitado de limite por coluna para que o controle de adição de cartões seja desativado ao atingir o limite, enquanto as colunas sem limite continuem utilizáveis. O trabalho estará concluído quando os limites especificados forem aplicados pela interface sem bloquear adições a colunas sem limite.

Escrita pelo modelo de indexação a partir do texto da issue.

Descrição

good first issue

Add configurable task limit per column 🚦

File: client/src/components/Board/Column.jsx

WIP limit warns but doesn't PREVENT
adding more tasks 💀 fr!!

Fix: add hard limit option:
const COLUMN_LIMITS = {
backlog: null, // unlimited
inprogress: 5, // max 5
review: 3, // max 3
done: null // unlimited
}

const limit = COLUMN_LIMITS[columnId]
const isAtLimit = limit && tasks.length >= limit

// disable add card button when at limit:
<button
onClick={() => !isAtLimit && onAddTask(columnId)}
className={mt-2 flex items-center gap-2 text-xs px-2 py-1.5 rounded transition ${isAtLimit ? 'text-red-400/50 cursor-not-allowed' : 'text-[#555] hover:text-[#888]'}}>
{isAtLimit
? 🚫 Limit reached (${limit})
: '+ Add card'}

~12 lines! No backend needed 🎯
Real Kanban WIP limits!! 🔥

Linguagem predominante
JavaScript
Estrelas
39
Forks
105
Merge médio
1d 18h
PRs com merge (30d)
31

Preparar o ambiente

Primeiros passos

  1. Leia a issue inteira e depois o guia de contribuição do projeto.
  2. Comente na issue dizendo que vai assumir — evita que duas pessoas façam o mesmo trabalho.
  3. Faça um fork do repositório e trabalhe em uma branch.
  4. Abra um pull request que referencie o número da issue.

Mais de anoopcodehack/DevBoard

Todas as issues de anoopcodehack/DevBoard

Issues semelhantes

Mais issues de JavaScript

Receba novas issues na sua caixa de entrada

Um resumo curto de issues do GitHub para quem está começando.