personal-dashboard

Project Overview

Personal Dashboard is a custom Chrome new-tab extension designed to improve productivity and motivation. It replaces the default new tab with a clean, data-driven dashboard showing real-time information and developer-focused insights.

Built using HTML, CSS, and modern JavaScript (ES6+), the project leverages async/await, REST APIs, and Chrome Extensions Manifest V3. A key highlight is the interactive SVG-based LeetCode donut chart, which visualizes problem-solving progress by difficulty with smooth animations and hover-based center updates.

• 📘 LeetCode progress visualization using SVG and hover interactions.
• 🌤️ Real-time local weather using geolocation and OpenWeatherMap API.
• 💻 Latest GitHub repositories fetched dynamically via GitHub REST API.
• 🕒 Live digital clock with automatic updates.
• 🧠 Daily motivational quotes from ZenQuotes.
• 🌄 Dynamic Unsplash background with clickable photographer credit.
• 🌄 Dynamic Unsplash background with clickable author credit.