🌦️ Weather App 🌤️

🌍 View the live app here

A simple and intuitive weather application built with Vue.js that allows users to search for current weather information by city name. The app displays key weather data including temperature, time, city and country, and sky status (e.g., Clear, Cloudy, Fog, etc.). It also dynamically changes the background color based on the weather conditions to enhance the user experience.

Note: The main app code is located in the wapp branch of this repository.

Features

• Search by City: Enter any city name to get the current weather.
• Temperature Display: The temperature is shown in Celsius (°C).
• Date & Time: Current date and time based on the city's timezone.
• Sky Status: Displays current weather conditions (Clear, Cloudy, Fog, etc.).
• Dynamic Background: The background color of the app changes based on the weather conditions (e.g., bright yellow for sunny, gray for cloudy, etc.).
• Country Code: Displays the country code along with the city name.

Technologies Used

• Vue.js: Frontend framework for building the app.
• OpenWeatherMap API: Used to fetch weather data.
• CSS: Styling and dynamic background changes.

How to Use

1. Search for a City:

   • Enter the name of the city in the search bar.
   • Hit the "Search" button to fetch the weather data.

2. View the Weather Information:

   • The app will display the temperature in Celsius, sky status, current date and time, city name, and country code.
   • The background color will change based on the weather conditions (for example, blue for clear skies, gray for cloudy skies, etc.).

Setup Instructions

1. Clone the Repository

git clone https://github.com/natty4/et-weather.git
cd et-weather

Acknowledgements

• OpenWeatherMap API: Provides the weather data for the app.
• Vue.js: The JavaScript framework used to build the app.