The latest articles on DEV Community by Priyanshu Doshi (@priyanshubytecoder). https://dev.to/priyanshubytecoder https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3929642%2Fe646b342-efe1-4487-9406-7840dbdbd2d7.jpeg https://dev.to/priyanshubytecoder en Priyanshu Doshi Wed, 13 May 2026 15:29:24 +0000 https://dev.to/priyanshubytecoder/building-devtrack-an-open-source-github-productivity-dashboard-30ki https://dev.to/priyanshubytecoder/building-devtrack-an-open-source-github-productivity-dashboard-30ki <p>GitHub Repo:<br> <a href="https://github.com/Priyanshu-byte-coder/devtrack" rel="noopener noreferrer">https://github.com/Priyanshu-byte-coder/devtrack</a></p> <p>DevTrack is an open-source developer productivity dashboard that combines GitHub activity, contribution analytics, PR insights, streak tracking, and weekly coding goals in one place.</p> <p>I built it because most developer analytics tools are either too limited, expensive, or overloaded with unnecessary features. DevTrack focuses on simplicity and useful insights.</p> <h2> Features </h2> <ul> <li>GitHub OAuth authentication</li> <li>Contribution analytics (7/14/30/90 days)</li> <li>Commit streak tracking</li> <li>Pull request analytics</li> <li>Weekly goal tracker</li> <li>Top repository insights</li> </ul> <h2> Tech Stack </h2> <ul> <li>Next.js 14</li> <li>TypeScript</li> <li>Tailwind CSS</li> <li>Supabase</li> <li>NextAuth.js</li> <li>Recharts</li> <li>Vercel</li> </ul> <p>The project uses Next.js route handlers and Supabase to keep the architecture simple and contributor-friendly.</p> <h2> Challenges </h2> <p>Some of the biggest challenges while building DevTrack were:</p> <ul> <li>Processing GitHub data into meaningful metrics</li> <li>Keeping the dashboard lightweight and uncluttered</li> <li>Making the project easy for open-source contributors</li> </ul> <h2> Open Source </h2> <p>DevTrack is fully open source and contributions are welcome.</p> <p>Planned improvements include:</p> <ul> <li>Dark mode</li> <li>Mobile responsiveness</li> <li>GitLab integration</li> <li>Contribution heatmaps</li> <li>Exportable analytics</li> </ul> <p>Whether you're a beginner or experienced developer, feel free to contribute.</p> opensource nextjs typescript webdev