Dev Tracker – Frontend

The Dev Tracker Frontend is a modern React-based dashboard designed to help developers track productivity, manage tasks, monitor coding activity, and visualize performance insights. It connects with the Dev Tracker API to provide a complete productivity management platform including Kanban task boards, time tracking, analytics dashboards, and GitHub activity insights. This project focuses on clean UI architecture, scalable frontend structure, and real-time productivity insights for developers.

🛠 Tech Stack

React Vite Tailwind CSS React Router Axios Recharts (for analytics charts)

✨ Key Features 🔐 Authentication

User registration and login JWT-based authentication Protected routes

✅ Task Management (Kanban Board)

Create, edit, and delete tasks Drag-and-drop task workflow Task priorities and tags Subtasks and recurring tasks

⏱ Time Tracking

Start and stop coding sessions Active timer display Track productivity sessions Daily and weekly summaries

📊 Analytics Dashboard

Coding hours trends Task completion statistics Skill radar charts Weekly productivity reports

🐙 GitHub Integration

GitHub profile linking Commit streak tracking Repository activity metrics Pull request and issue analytics

🎮 Gamification

XP system and levels Productivity badges Achievement tracking

🔔 Notifications

Task deadline alerts Goal reminders Productivity streak notifications

👥 Team Collaboration

Create and join teams Team productivity analytics Shared task tracking