Hacktoberfest 2026 : les issues que les mainteneurs ont marquées pour octobre, ouvertes et accessibles aux débutants. Parcourir les issues Hacktoberfest

Animate column task count when number changes 🔢

Ouverte
  • Quelque chose ne va pas ?
#308 3 commentaires 0 réactions 1 personne assignée Voir sur GitHub

Les mainteneurs répondent en général sous 2 jours

@Suriya-Haidari y travaille déjà.

Depuis le 17/8/2026.

Évaluation

Cette issue n'a pas encore été évaluée.

Description

good first issue

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!! 🔥

Langage dominant
JavaScript
Étoiles
39
Forks
105
Merge moyen
1 j 12 h
PR mergées (30 j)
27

Préparer son environnement

Par où commencer

  1. Lisez l'issue en entier, puis le guide de contribution du projet.
  2. Signalez en commentaire que vous la prenez — cela évite que deux personnes fassent le même travail.
  3. Forkez le dépôt et travaillez sur une branche.
  4. Ouvrez une pull request qui référence le numéro de l'issue.

Autres issues de anoopcodehack/DevBoard

Toutes les issues de anoopcodehack/DevBoard

Issues similaires

Plus d'issues JavaScript

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.