https://github.com/yyyasin19/vue-weathery

Simple weather app created with Vue for learning to use the framework and its core principles.
https://github.com/yyyasin19/vue-weathery

vue weather-app webapp

Last synced: 23 days ago
JSON representation

Simple weather app created with Vue for learning to use the framework and its core principles.

• Host: GitHub
• URL: https://github.com/yyyasin19/vue-weathery
• Owner: YYYasin19
• Created: 2020-05-30T20:42:59.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2022-04-09T06:22:19.000Z (over 2 years ago)
• Last Synced: 2024-04-13T04:21:30.396Z (7 months ago)
• Topics: vue, weather-app, webapp
• Language: Vue
• Homepage:
• Size: 7.28 MB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 16
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Vue Weathery

This sample app was created to get a first introduction to VueJs and it's core capabilities (components, templates, styling) as well as the deployment cycle (used netlify here) and its access to other 3rd-party APIs ([Open Weather Map](https://openweathermap.org/api)). 

The following GIF showcases the look and feel of the (small) application.

![Vue Weathery Preview](src/assets/vue-weathery-preview.gif)

## Setup instructions

The following instructions help you to run this project yourself.

### Environment Variables

create a `.env`-File or set your environment variables within your hosting service accordingly:

```

VUE_APP_OPENWEATHER_API_KEY=

```

```

yarn install

```

### Compiles and hot-reloads for development

```

yarn serve

```

### Compiles and minifies for production

```

yarn build

```

### Lints and fixes files

```

yarn lint

```

### Customize configuration

See [Configuration Reference](https://cli.vuejs.org/config/).