https://github.com/cbedroid/vue-weather-app

A weather application built using Vue.js that fetches the current weather from cities and states
https://github.com/cbedroid/vue-weather-app

css html javascript nodejs npm sass vue vuejs weather webapp

Last synced: 14 days ago
JSON representation

A weather application built using Vue.js that fetches the current weather from cities and states

• Host: GitHub
• URL: https://github.com/cbedroid/vue-weather-app
• Owner: cbedroid
• Created: 2020-10-10T08:52:39.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2022-01-03T14:10:56.000Z (about 3 years ago)
• Last Synced: 2024-11-28T20:48:58.601Z (2 months ago)
• Topics: css, html, javascript, nodejs, npm, sass, vue, vuejs, weather, webapp
• Language: Vue
• Homepage:
• Size: 14.8 MB
• Stars: 5
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
![David](https://img.shields.io/david/cbedroid/vue-weather-app?color=%230f0)

![GitHub language count](https://img.shields.io/github/languages/count/cbedroid/vue-weather-app)

# Vue Weather App

A Vue Weather Application that fetches the current weather forecast from local cities and states using [OpenWeather API](https://openweathermap.org/)

### DEMO **:rocket: [RUN DEMO](https://cbedroid.github.io/vue-weather-app/)**

### Desktop View

---

 


   

  



### Mobile View



  

  

  



## Built Using

- Vue.js

- Vue CLI

- Bootstrap 4

- BootstrapVue

- Javascript (ECMAScript 2020)

# Features

- Searchable weather forecast for any city in the USA.

- Display current weather forecast for days and nights.

- Show current weather forecast and condition for city.

  - current weather's `temperature`.

  - current weather's `condition` (rain, sleet, snow ..etc).

  - current weather's `description`.

- Display the `7-days weekly forecast` for a given city.

# Dependencies







[![VueJS](https://img.shields.io/badge/VueJs-v2.17.3-blue)](http://vuejs.org)





  


[![Bootstrap](https://img.shields.io/badge/Bootstrap-v4.5-purple)](https://getbootstrap.com)





---

# Quickstart

**Project Setup and Build**

- **Clone this repo:**

```bash

$  git clone https://github.com/cbedroid/vue-weather-app.git

```

- **To Install:**

```bash

$  cd vue-weather-app

$  yarn install

```

- **To Run:**

```bash

$  yarn serve

```

## Contributing

**Want to contribute to this project?**

- :fork_and_knife: Fork this [repo][link-repo]

- :fire: Add your awesome new feature

- :point_right: Submit a [pull request][link-pull-request]

## Issue

**..So you found a bug :bug: now what...**

Just open up an issue and describe the problems you are experiencing.

- [issue][link-issue] - Describe the bug you are having here

## Credit

- [Cbedroid][link-author]

[link-author]: https://twitter.com/cbedroid

[link-issue]: https://github.com/cbedroid/vue-weather-app/issues/new

[link-pull-request]: https://github.com/cbedroid/vue-weather-app/pull/master

[link-repo]: https://github.com/cbedroid/vue-weather-app/