Skip to content

Show welcome screen when user has zero tasks👋 #64

Description

@anoopcodehack

Description

New users currently see a completely empty board with no guidance on what to do next. Add a friendly welcome message that shows up when there are zero tasks.

File

client/src/pages/Dashboard.jsx

Tasks

  • Check if tasks.length === 0
  • If true, render a welcome screen instead of the empty board:
    • 👋 emoji + "Welcome to your board!" heading
    • Short message: "You don't have any tasks yet. Click + Add card to create your first one."
    • A "+ Add your first card" button that triggers the same action as the existing add-card button
  • Match existing dark mode styling

Acceptance Criteria

  • Empty board shows the welcome message instead of a blank screen
  • Clicking the button opens the add-card flow (same as normal + Add card)
  • Message disappears once at least one task exists

Suggested code

```jsx
if (tasks.length === 0) {
return (


👋

Welcome to your board!



You don't have any tasks yet. Click + Add card to create your first one.



+ Add your first card


);
}
```

Metadata

Metadata

Assignees

Labels

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions