Skip to content

ben-miles/weather

Repository files navigation

weather

A simple weather app, powered by Vue 3 and OpenWeatherMap, with ultra-lightweight SVG graphics and icons.

Vue Vite Github Actions Github Pages

Live Demo

Installation

  1. Clone this repository and provision a web server for the project.
  2. Make sure Node.js and NPM are installed.
  3. To work with this app locally, you'll first need an API Key from OpenWeatherMap.
  4. In the project root, create a copy of .env-example, rename it to .env, and replace the placeholder value of VITE_OPENWEATHERMAP_KEY with your API Key.
  5. In the project's root directory, run npm install in the terminal.

Development

  • It's recommended to use VSCode with the Volar extension.
  • For a live preview of the source code, run npm run dev.

Deployment

  • This repo uses GitHub Actions (with this Workflow by Vite) to automatically build and deploy to GitHub Pages whenever new code is pushed to the master branch.
  • You can also build locally by running npm run build, and you can preview that build with npm run preview.