Weather Vue

Doubts about the weather? Join us and check the weather at your location, or simply any city in the world.

Contents

About • Features • Installation • Tecnology

About

Weather Vue is a Vuejs study project. The idea is to create a project that the user can check in formations about the local weather or another place. Do you want to have a date tonight, or meet your friends, or planing the best outfit, or avoid the rain? You can count on Weather Vue

Features

• be responsive

• to have an input where the user can write the location (city, for example) they want to get info for

• Show the weather info currently for the input location:

  • Location (ie. Brussels, Belgium)
  • Current weather description (ie. raining)
  • Current temperature
  • Todays high temperature
  • Todays low temperature

• Add extra info about the current conditions on a hidden component the user can toggle the visibility:

  • Wind Speed
  • Humidity
  • Pressure
  • Sunrise/Sunset Time

• Show basic weather info for the next 7 days on that location

• Show basic weather info for the last 30 days on that location

• If there's a need to make a big number of requests, make them concurrent

Installation

Requirements

Before you start, you will need to have installed in your pc the following tools: Git, Node.js. I also recomend to have a good code editing tool like VSCode

🎲 Running the application

Clone this repository

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

acess the project folder using your termnal

$ cd weather-vue

Install the project dependencies

$ npm install

running the application

$ npm run serve

the project will be ruuning at the port: 8080 - acess http://localhost:8080

Tecnology

The following tools were used to build this project:

• Node.js
• VueJs
• Vuex
• Bootstrap Vue
• Axios
• OpenWeatherMapAPI
• MomentJS