Animate column task count when number changes 🔢
Mantenedores costumam responder em até 2 dias
@Suriya-Haidari já está trabalhando nisso.
Desde 17/8/2026.
Avaliação
Esta issue ainda não foi avaliada.
Descrição
Animate column task count when number changes 🔢
File: client/src/components/Board/Column.jsx
When you add/move a task the count number
just instantly changes 💀 boring fr!!
Fix: add a pop animation using Tailwind:
const [animate, setAnimate] = useState(false)
useEffect(() => {
setAnimate(true)
const t = setTimeout(() => setAnimate(false), 300)
return () => clearTimeout(t)
}, [tasks.length])
<span className={text-[10px] font-bold bg-purple-500/20 text-purple-400 px-2 py-0.5 rounded-full transition-transform ${animate ? 'scale-125' : 'scale-100'}}>
{tasks.length}
~8 lines! No backend needed 🎯
Looks SO satisfying when moving cards!! 🔥
- Linguagem predominante
- JavaScript
- Estrelas
- 39
- Forks
- 105
- Merge médio
- 1d 12h
- PRs com merge (30d)
- 27
Preparar o ambiente
- Sem Dockerfile nem arquivo Docker Compose
- Sem modelo de pull request
- Ler o guia de contribuição
Primeiros passos
- Leia a issue inteira e depois o guia de contribuição do projeto.
- Comente na issue dizendo que vai assumir — evita que duas pessoas façam o mesmo trabalho.
- Faça um fork do repositório e trabalhe em uma branch.
- Abra um pull request que referencie o número da issue.
Mais de anoopcodehack/DevBoard
-
good first issue
Dificuldade 1/5 1-3 horas Facilidade para iniciantes 88/100
anoopcodehack/DevBoard#589 ·
Mantenedores costumam responder em até 2 dias
-
Import tasks from CSV file 📤Abertaenhancement good first issue
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 68/100
anoopcodehack/DevBoard#588 ·
Mantenedores costumam responder em até 2 dias
-
good first issue
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 82/100
anoopcodehack/DevBoard#587 ·
Mantenedores costumam responder em até 2 dias
-
good first issue
Dificuldade 1/5 Menos de uma hora Facilidade para iniciantes 90/100
anoopcodehack/DevBoard#586 ·
Mantenedores costumam responder em até 2 dias
-
good first issue
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 65/100
anoopcodehack/DevBoard#584 ·
Mantenedores costumam responder em até 2 dias
Todas as issues de anoopcodehack/DevBoard
Issues semelhantes
-
Bump Firebase JS SDK (12.19.0 → 13.0.0)Talvez já em andamento @SelaseKay assumiu hoje. AbertaNeeds Attention type: enhancement
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 75/100
invertase/react-native-firebase#9364 · 1 comentário ·
Mantenedores costumam responder em até 1 dia
-
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 67/100
tchiotludo/akhq#3307 · 1 reação ·
Mantenedores costumam responder em até 1 dia
-
Dificuldade 1/5 1-3 horas Facilidade para iniciantes 90/100
DietrichGebert/ponytail#1063 ·
Mantenedores costumam responder em até 3 dias
-
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 78/100
zen-browser/desktop#15809 · 1 reação ·
Mantenedores costumam responder em até 1 dia
-
enhancement
Dificuldade 1/5 Menos de uma hora Facilidade para iniciantes 90/100