🧩 Personal Dashboard – Chrome Extension

Personal Dashboard is a custom Chrome Extension that transforms your new tab into a clean and informative dashboard. It displays real-time weather, cryptocurrency prices, dynamic background images, current time, and author information, all powered by multiple APIs.

🚀 Features

⏰ Live Digital Clock – Shows current time on the tab

🌦️ Weather Information – Real-time weather using a Weather API

💰 Cryptocurrency Prices – Live crypto data using a Crypto API

🖼️ Dynamic Background Images – Visually appealing interface

👤 Author Display – Shows creator name on the dashboard

🧩 Chrome Extension – Works directly on the new tab

⚡ Built using Vite for fast development

🛠️ Tech Stack

HTML5 – Structure

CSS3 – Styling

JavaScript (ES6+) – Logic & API handling

Weather API – Fetch real-time weather data

Crypto API – Fetch cryptocurrency prices

Chrome Extension APIs

Vite – Build tool

📂 Project Structure Personal-Dashboard/ │ ├── icon.png # Extension icon ├── README.md # Project documentation ├── index.html # Dashboard UI ├── index.css # Styling ├── index.js # API calls & logic ├── manifest.json # Chrome extension configuration ├── package.json # Dependencies └── vite.config.js # Vite configuration

🌐 APIs Used

Weather API – Displays current weather based on location

Cryptocurrency API – Shows live crypto prices

Image API – Background images for UI enhancement

🧩 How the Extension Works

Chrome loads the extension using manifest.json

On opening a new tab:

Current time is displayed

Weather data is fetched via API

Crypto prices are fetched via API

Background image is loaded dynamically

All data updates automatically on tab refresh

▶️ How to Install the Extension Locally

Clone the repository

git clone

Install dependencies

npm install

Build / run using Vite

npm run dev

Open Chrome and go to:

chrome://extensions/

Enable Developer Mode

Click Load unpacked and select the project folder

📸 Screenshots

Add screenshots of the dashboard here (optional but recommended).

🔮 Future Enhancements

🔄 Auto-refresh data

🌙 Dark / Light mode

📊 More crypto currencies

🧠 User-customizable widgets

🌍 Location-based weather

👨‍💻 Author

Shubham Singh Computer Science Engineering Student Frontend Developer

📄 License

This project is created for educational and learning purposes.