Show skeleton loader while tasks are fetching☠️

[anoopcodehack]

Show skeleton loader while tasks are fetching

File: client/src/pages/Dashboard.jsx

Right now when the board loads, it just shows
blank columns for a second — looks broken!

Fix: when loading === true, show placeholder cards:

Show 2-3 of these per column while tasks load.
Uses Tailwind animate-pulse — zero packages!

~10 lines, looks super professional

[Tanvi-Kuwar]

Hi! I'd like to work on this issue. Could you please assign it to me?

[anoopcodehack]

Hey @Tanvi-Kuwar, assigned to you!

Here's exactly what to do:

File: client/src/pages/Dashboard.jsx

const { tasks, loading } = useBoard()

if (loading) return (
  <div className="flex gap-4 p-4">
    {[1,2,3,4].map((col) => (
      <div key={col} className="flex flex-col w-56 gap-2">
        {[1,2,3].map((card) => (
          <div key={card} className="animate-pulse bg-[#2a2a2f] rounded-lg h-20 w-full" />
        ))}
      </div>
    ))}
  </div>
)

The loading state already exists in BoardContext.jsx ✔️ just import and use it!

Open a PR when ready — happy to review!

[Tanvi-Kuwar]

Hi @anoopcodehack I've completed the fix for the assigned issue and opened this PR. When you have time, could you please review it? Thank you!