Repo

Description

A simple and quick weather widget as a Chrome Extension. ⛅

Tech Stack

TechnologyPurpose
HTML5HTML5 it the latest stable version of HTML so far.
CSS3CSS3 is the core scripting language to design your web pages
JavaScriptJavaScript is the core scripting language to make web pages more interactive.
GeolocatonAPIThe Geolocation API is used to locate a user’s position.
WeatherbitAPIWeatherbit is a weather API that provides current, 3-hourly, and 7-day weather forecasts, historical weather data, and global weather models.

Features

  • Date & Time
  • Current Location
  • Temprature (in ॰C)
  • Weather Description
  • Wind Speed (in m/s)
  • Relative Humidity (in %)
  • Icon related to the current weather.
  • Attractive and Dynamic UI. (Changes dynamically according to the weather and time of the day.)
  • Easy to use.

Setup

  • Clone the repository
git clone https://github.com/Aniumbott/BySun
  • Open app.js and replace the API_KEY with your own API key from Weatherbit.

Api Key

const key = "API_KEY";
  • Then open Extension Manager in Chrome Browser. Extenssion Manager

  • Enable Developer Mode then select Load Unpacked and browse the extracted folder. (make sure all the repo files are present inside the folder)
    Load Unpacked

  • Then you will see this extension in the list Loaded

  • Thats it you are good to go. ✨


Usage

  • Just pin this extension and everytime you click you will see a live weather update like this. Screen Shot

Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change. Repo