Skip to content

etekweb/clear-skies

Repository files navigation

clearSkies

In development, not yet complete.

About

clearSkies is a web app that makes checking the weather as easy as it sounds.

  • Simple, clean interface with no ads
  • Loads and updates fast
  • Store your favorite locations on-device
  • Add to your favorite device's home screen for fast access

Usage and Installation

Live site: Click here

Installation on Mobile

Android (Chrome)

  1. Visit the live site with the link above.
  2. A popup will appear at the bottom on first visit to add to home screen. Click it, then click Add. (If you do not see this popup, you can also open the menu in Chrome, then click "Add to Home Screen", then click Add.)
  3. The web app will appear in your app drawer and/or home screen similarly to a normal app.

iOS (Safari)

  1. Visit the live site with the link above.
  2. Click the Share button (center-bottom of browser window). Scroll down and click "Add to Home Screen", then click Add.
  3. The web app will appear on your home screen similarly to a normal app.

Updating

The app will automatically install updates over time as you reload the site / restart the app.

You can manually update the live site on your device or browser by following these steps:

  1. Open the settings menu on the site (⚙ icon at top) and select "Check for App Updates".
  2. If an update is available, after a few seconds a green update message will appear at the top of the site. To install the update, select "Update App".

Development

This web app is built with Vue.js, a JavaScript framework, and is built with Vue CLI 3.

Basic process for development is as follows:

  1. Clone repository
  2. Run npm install in project folder
  3. Use command npm run serve to test locally
  4. Use command npm run build to build for production