Dev Dash

A personalized productivity dashboard for developers — track GitHub activity, run Pomodoro sessions, and stay focused. Built with React, Firebase, and Tailwind CSS.

#dark-mode #developer-tools #firebase #github-api #productivity #react #tailwind-css #typescript

Demo Download

DevDash 🚀

DevDash is a personalized productivity dashboard for developers. Track your GitHub stats, stay motivated with daily quotes, manage your Pomodoro sessions, and more — all in one beautifully themed interface.

🌐 Live Demo

👉 Check out the live app

✨ Features

🔐 GitHub OAuth login with Firebase Authentication
📊 GitHub profile and repository stats
⏱️ Pomodoro Timer with Firebase session tracking
📈 Daily/Weekly/All-time focus session analytics with charts
💬 Daily developer quote
⚙️ Theme switching (Light/Dark mode)
🎯 Fully responsive layout with Tailwind CSS

🛠️ Tech Stack

Frontend: React, TypeScript, Tailwind CSS
Authentication & Storage: Firebase Auth + Firestore
Data Visualization: Recharts
Deployment: Netlify

🚀 Getting Started

git clone https://github.com/your-username/devdash.git
cd devdash
npm install
npm run dev

Top categories

tailwind daisyui resume portfolio email blog dashboard landing-page admin ecommerce