Scenery-Tab

A beautiful scenery photo whenever opening a new tab with the local forecast.

View project on GitHub

Scenery Tab Chrome Extention

Table of Contents

About

The initial motivation for creating this extension was to replace the dead ‘Dream After’ extension that I had been using many years.

Getting Started

These instructions will get you a copy of the project up and running on your local machine for development and testing purposes. See deployment for notes on how to deploy the project on a live system.

Prerequisites

If you are new to the chrome extension development, I highly recommend reading the official document first.

https://developer.chrome.com/extensions

This is the reference for the available API from chrome.

https://developer.chrome.com/extensions/api_index

Installing

Download the source code, fill in the api value in the wallpaper.js and weather.js by registing the free developer program on NASA, PEXELS and Yahoo Weather.

  • NASA images and PEXEL images:
    NASA: {
    url: 'https://api.nasa.gov/planetary/apod?',
    name: 'nasa',
    key: ''
    },
    PEXELS: {
    // url: 'https://api.pexels.com/v1/curated?',
    url: 'https://api.pexels.com/v1/search?',
    name: 'pexels',
    key: ''
    }
    
  • Yahoo weather api:
    class Weather {
    constructor() {
      this.BASE = {
        api: "https://weather-ydn-yql.media.yahoo.com/forecastrss",
        key: "",
        secret: "",
        appId: ''
      };
    

Install the unpacked extension on the browser:

Open the Extension Management page by navigating to chrome://extensions.

Enable Developer Mode by clicking the toggle switch next to Developer mode.

Click the LOAD UNPACKED button and select the extension directory.

Usage

The released version can be installed on the Chrome App Store: https://chrome.google.com/webstore/detail/scenery-tab/nfbonabaanjojlhechnjjakifgdncbgb

Contributing

Any ideas or development contributions are wellcome.