← Back to Home

Dashboard

8:10:01 AM

Overview

Total Tasks

3

Completed

1

Pending

2

What's happening here?

  • useState tracks the active tab and task counts
  • useEffect updates the clock every second
  • .map() renders the stat cards from an array
  • .filter() counts completed/pending tasks

🗂️ How Next.js Routing Works

You're at /dashboard because this file is at app/dashboard/page.tsx

app/page.tsx → /

app/dashboard/page.tsx → /dashboard (you are here!)

app/about/page.tsx → /about

app/blog/[slug]/page.tsx → /blog/any-post-name