Vue.js Test Weather App

This is a user-friendly weather application developed using Vue.js. It allows users to easily check the current weather and forecasts for today and the upcoming week. The app utilizes the OpenWeatherMap API for weather data and the OpenCage API for geolocation services.

Deployed Website

You can access the deployed website at https://vue-js-test-weather-app.vercel.app/.

Features

Today's Weather

1. Current Weather:

   • Real Feel
   • Pressure
   • Humidity
   • Cloudiness
   • Condition
   • Sunrise
   • Sunset
   • Min Temp
   • Max Temp
   • Visibility

2. Next Couple of Hours:

   • 3-hour interval forecast for the next few hours.

This Week's Weather

1. Next 5 Days:

   • Detailed weather forecast for the next 5 days.

2. Average Week Temperature Graph:

   • Graphical representation of the average weekly temperature.

Additional Information

• Static Side Panel:

  1. Wind Information:
     • Wind Speed
     • Wind Direction
     • Wind Speed Graph (3-hour time interval)
  2. Other Large Cities:
     • Quick tiles displaying weather information for 4 large cities.

• Header with Search Panel:

  • Weather search functionality allowing users to search for weather information for specific locations.

Technologies Used

• Vue.js: Frontend framework for building user interfaces.
• OpenWeatherMap API: Provides weather data for the app.

Installation

Follow these steps to set up the BreezeBlaze Weather App locally:

1. Clone the Repository:

Follow these steps to set up the BreezeBlaze Weather App locally:

git clone https://github.com/elegant-idn/vue.js_test_weather_app.git

2. Install Dependencies:

npm install

3. Run the App:

npm run serve

Once you have followed these steps, the Weather App should be up and running locally on your machine. Access the app by opening a web browser and navigating to http://localhost:8080 (or another port number if specified in the console output).