Skip to content

AustejaSk/Personal-Dashboard

Repository files navigation

Personal Dashboard

Table of Contents

  1. Overview
  2. Features
  3. Tools Used
  4. Installation
  5. Usage
  6. Screenshots
  7. License

Overview

Personal Dashboard is a Chrome extension designed to replace the default new tab page with a customizable and visually appealing interface. This extension features stunning background images sourced from the Unsplash API, which refreshes with each new tab. It also displays the current time and weather conditions based on the user's location, ensuring relevant and up-to-date information. Additionally, Personal Dashboard delights users with adorable dog images from the Dog API, offering a new cute dog photo with every page refresh.

I developed this Chrome extension to practice my skills in fetching data from APIs and developing and deploying Chrome extensions.

Live Demo

Features

  • Customizable New Tab Page: Replace the default Chrome new tab with a personalized dashboard.
  • Stunning Backgrounds: Refreshing background images from Unsplash.
  • Real-Time Information: Displays the current time and weather conditions based on the user's location.
  • Adorable Dog Images: Enjoy a new cute dog photo from the Dog API with every page refresh.

Tools Used

  • HTML: For the structure of the extension.
  • CSS: For styling the dashboard.
  • JavaScript: For fetching data from APIs and managing the functionality of the extension.

Installation

To install this Chrome extension, follow these steps:

  1. Download the source code from this repository.
  2. Open Chrome and navigate to chrome://extensions/.
  3. Enable Developer mode in the top right corner.
  4. Click on Load unpacked and select the folder where the source code is located.
  5. The Personal Dashboard extension should now appear in your extensions list.

Usage

After installing the extension, simply open a new tab in Chrome to view your personalized dashboard. Enjoy the changing backgrounds, current weather, and adorable dog images each time you refresh the page!

Screenshots

Personal Dashboard

License

This project is licensed under the MIT License.