Skip to content

feat: add "Night Owl vs. Early Bird" coding personality calculator widget to Tracker dashboard #543

Description

@Sushma-1206

💡 Feature Proposal

Currently, the Tracker page shows a clean list view of a developer's issues and pull requests. To make this data more engaging and insightful, we should add a visual coding personality tracker that calculates whether a user is an Early Bird ☀️ or a Night Owl 🦉 based on the timestamps of their contributions.

🛠️ How it will work:

  1. Time Extraction: Look at the Created timestamp column fields for all fetched pull requests and issues.
  2. Bucket Categorization:
    • Early Bird: Contributions created between 5:00 AM and 11:59 AM.
    • Night Owl: Contributions created between 10:00 PM and 4:59 AM.
  3. UI Display: Add a minimalist, responsive analytics card row right above the dynamic table view. It will feature:
    • A prominent personality badge text banner matching the winning bucket.
    • A clean horizontal progress bar demonstrating the balance percentage distribution between morning and late-night coding sessions.

🎨 Visual Layout Location

  • Positioned horizontally below the search filters block and directly above the ISSUES (4) / PULL REQUESTS (6) tab selector row.

🚀 Checklist:

  • Create timestamp parsing utility function block.
  • Design the UI metric card wrapper using Tailwind CSS variables.
  • Integrate local timezone handlers to ensure calculated hours match local user activity accurately.

Metadata

Metadata

Assignees

Labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions