https://github.com/chiragobhan/vue-weather
A weather app for DevChallenges.io build with VueJS and bootstrap-vue.
https://github.com/chiragobhan/vue-weather
axios bootstrap-vue devchallenge devchallengesio vue vuejs weather weather-app weather-conditions weather-forecast weather-icons
Last synced: 2 months ago
JSON representation
A weather app for DevChallenges.io build with VueJS and bootstrap-vue.
- Host: GitHub
- URL: https://github.com/chiragobhan/vue-weather
- Owner: chiragobhan
- Created: 2020-08-20T04:57:30.000Z (almost 5 years ago)
- Default Branch: master
- Last Pushed: 2022-02-03T19:57:41.000Z (over 3 years ago)
- Last Synced: 2024-01-08T06:50:05.242Z (over 1 year ago)
- Topics: axios, bootstrap-vue, devchallenge, devchallengesio, vue, vuejs, weather, weather-app, weather-conditions, weather-forecast, weather-icons
- Language: Vue
- Homepage: https://chiragobhan.github.io/vue-weather/
- Size: 1.38 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Weather App
A [weather app](https://chiragobhan.github.io/vue-weather/) build with [VueJS](https://vuejs.org/) and [bootstrap-vue](https://bootstrap-vue.org/).
API Used: https://www.metaweather.com/api/
**Important Update**: CORS-Anywhere policies have [changed](https://github.com/Rob--W/cors-anywhere/issues/301), before you click the demo link below, kindly go to [this link](https://cors-anywhere.herokuapp.com/corsdemo) and click on "Request temporary access to the demo server" button. You will not be able to load the live demo unless you do this step.
Live Demo - https://chiragobhan.github.io/vue-weather/
### User Story
A Challenge posted on [DevChallenges.io](https://devchallenges.io/challenges/mM1UIenRhK808W8qmLWv)
- I can see city weather as default, preferably my current location
- I can search for city
- I can see weather of today and the next 5 days
- I can see the date and location of the weather
- I can see according to image for each type of weather
- I can see the min and max degree each day
- I can see wind status and wind direction
- I can see humidity percentage
- I can see visibility indicator
- I can see air pressure number
## Project setup
```
npm install
```
### Compiles and hot-reloads for development
```
npm run serve
```
### Compiles and minifies for production
```
npm run build
```
### Lints and fixes files
```
npm run lint
```
### Customize configuration
See [Configuration Reference](https://cli.vuejs.org/config/).