DEV Community

Cover image for 🛠️ Day 3 of TaskVerse Build – Dashboard UI
Prateek Gupta
Prateek Gupta

Posted on

🛠️ Day 3 of TaskVerse Build – Dashboard UI

Hey Devs! 👋

Here’s what we tackled in Day 3 of building TaskVerse, our all-in-one productivity app designed for doers.


✅ Key Features Implemented

  • Designed the dashboard UI layout
  • Built the sidebar navigation for:
    • 📝 Tasks
    • 🔁 Habits
    • ⏱️ Focus Mode
  • Implemented a search bar to instantly find tasks, habits, or focus sessions
  • Added dynamic greetings like “Good Morning” / “Good Evening” based on user’s timezone
  • Fully responsive layout with dark/light mode support

💡 Tech Stack

  • ⚛️ React + TypeScript
  • 🎨 TailwindCSS + ShadCN UI
  • 🌐 Browser API for timezone detection

📅 Up Next
We’ll start working on the Task Management UI:

  • Task status, priority & tags
  • Drag-and-drop support for intuitive task reordering

Let me know your thoughts or suggestions!
We’re building this in public — every step counts. 🙌

Top comments (0)